vue项目base64字符串转图片的实现代码

发布时间：2020-12-17 02:57:13 所属栏目：百科来源：网络整理

导读：div class="jb51code" pre class="brush:js;" img :onerror="errpic" class="customerHead" :src="param.customerHead" alt="" data() { return { param:{ id:"", customerHead: "", } } } 2) {this.open('上传的图片不可大于2M！')return false;}var reader

<div class="jb51code">
<pre class="brush:js;">
<img :onerror="errpic" class="customerHead" :src="param.customerHead" alt="">
data() {

　　return {
　　　　param:{
　　　　　　id:"",　　　　　　customerHead: "",　　　　}
　　}
}

2) { this.open('上传的图片不可大于2M！') return false; } var reader = new FileReader(); reader.onload = function (e) { var base64 = e.target.result; _this.param.customerHead = base64 //console.log(base64) } if(files) { reader.readAsDataURL(files); }

如果修改头像,向后台传base64字符串,否则会传原图片路径,后台判断是否是base64字符串.

如果是base64字符串,则对base64字符串进行处理,在后台服务器生成图片.此处需要对base64字符串进行处理,如图所示,删除蓝框部分,留逗号之后的内容.

若为图片路径,则不需要进行处理,直接返回图片路径即可.

总结

以上所述是小编给大家介绍的vue项目base64字符串转图片的实现代码。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!