使用element的上传组件的时候,怎么把图片转base64的字符串

element是基于file的,怎么做成base64的

回答:

楼主,你好!可以使用 FileReader 进行转换,具体示例如下:

function getBase64(file) {
   var reader = new FileReader();
   reader.readAsDataURL(file);
   reader.onload = function () {
     console.log(reader.result);
   };
   reader.onerror = function (error) {
     console.log('Error: ', error);
   };
}

var file = document.querySelector('#files > input[type="file"]').files[0];
getBase64(file); // 打印出来的就是 base64 字符串

回答:

不要使用自动上传,自己写事件,再使用上面的方法
<el-upload drag class=”upload-demo” ref=”upload” :http-request=”fileClick” action=”” :file-list=”fileList” :auto-upload=”false”> </el-upload>

function fileClick(){

...
getBase64()....

}

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注