直入主题,上代码(其实用的还是FileReader)
1,image转Base64
imageToBase64 (file) {
var reader = new FileReader()
reader.readAsDataURL(file)
reader.onload = () => {
console.log('file 转 base64结果:' + reader.result)
this.iconBase64 = reader.result
}
reader.onerror = function (error) {
console.log('Error: ', error)
}
}
2,Base64图像直接显示在标签
<el-form-item prop="iconBase64">
<img :src="iconBase64" v-show="isShow" />
</el-form-item>
end