前端实现图片转base64(自测可用) |
您所在的位置:网站首页 › js图片转base码 › 前端实现图片转base64(自测可用) |
使用canvas
新建个canvas标签然后用css隐藏。之后获取此canvas元素,使用toDataURL方法转换。 var canvas = document.createElement('canvas') var ctx = canvas.getContext('2d'); var base64=canvas.toDataURL('image/jpeg',licenseUrl); 使用 FileReader使用 FileReader 的 readAsDataURL 方法,读取图片并把base64数据保存到其result属性中。 var reader=new FileReader(); var file=fileList[0];//这里fileList是通过 File API 获取的文件数组(开启multi) reader.readAsDataURL(file); var base64=reader.result; 用途 把图片转成base64形式用处主要是减少HTTP请求、实时预览要上传的图片。如果通过canvas的话还能做图片的进一步加工处理。 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |