vue中使用FileReader方法截取上传图片file并转ba
2020-01-07 本文已影响0人
798b6b7c244d
一些上传图片的功能里,可能会伴随的有预览或是其他需要所上传图片bas64数据的场景,这是我们就可以使用FileReader方法
要注意,这个方法一定要写在上传文件之前。话不多上,上代码:
beforeUpload(file) { //文件上传前的钩子,在这里截取file
console.log(file)
this.previewFile(file)
},
previewFile(file) {
var reader = new FileReader();
let that = this
reader.addEventListener("load", function () {
that.commodity.imageDetail = reader.result; //这就是我们最终所需要的bas64数据
}, false);
if (file) {
reader.readAsDataURL(file);
}
}
小礼物走一走,加关注不迷路
qinqin.png