js将上传的照片转化为base64
<el-upload
class="avatar-uploader"
action=""
:show-file-list="false"
:auto-upload="false"
:on-change="changeFile" v-loading="loading">
<img id="giftImg" v-if="imageUrl" :src="imageUrl" class="avatar" style="width: 20%;height: 20%">
<el-button v-else slot="trigger" size="small" type="primary">选取文件</el-button>
</el-upload>
<p>请选择jpg, png格式的文件上传, 文件不大于3M</p>
changeFile(file, fileList) {
this.loading=true;
var reader = new FileReader();
reader.readAsDataURL(file.raw);
reader.onload = function (e) {
this.result // 这个就是base64编码了
this.imageUrl = this.result;
}
},
在这里用的element 的el-upload ,
//如果报错说base64使用了多余的字符之类的就分隔开
this.result.split(",")[1]