介绍为什么要使用vue & lt; img : onerror=癳rrpic",类=癱ustomerHead" https://www.yisu.com/zixun/,: src=" param.customerHead ">
数据(){
返回{
参数:{
id:“”,
customerHead:“”,
}
}
} let _this =,
let files =, e.target.files [0]
if (files.size/(1024 * 1024),祝辞,2),{
this.open(& # 39;上传的图片不可大于2 m ! & # 39;)
return 假;
}
var reader =, new FileReader ();
时间=reader.onload function (e), {
var base64 =, e.target.result;
_this.param.customerHead =base64//console.log (base64)
}
如果(文件),{
reader.readAsDataURL(文件);
} @ value (“$ {upload.image.path}“)
private String filePath;//base64字符串转化成图片,headerImgPath: http://+ ip +:端口号,
public 才能;String generateImage (String imgStr String headerImgPath, String cusID)
,,{//对字节数组字符串进行Base64解码并生成图片
,,,if (imgStr ==, null),//图像数据为空
,,,,,return “. ./picclife/静态/custom.png";
,,,BASE64Decoder decoder =, new BASE64Decoder ();
,,,试一试
,,,{
,,,,,//判断是base64字符串还是图片路径
,,,,,如果(imgStr.substring (0 5) .equals(“数据:“)){
,,,,,,,//Base64解码
,,,,,,,byte [], b =, decoder.decodeBuffer (imgStr.substring (imgStr.indexOf (“”), +, - 1));
,,,,,,,,(int 我=0;i
这篇文章主要介绍了如何在vue项目中将base64字符串转换成图片,小编觉得不错,现在分享给大家,也给大家做个参考,一起跟随小编来看看吧!
vue是一款友好的,多用途且高性能的JavaScript框架,使用vue可以创建可维护性和可测试性更强的代码库,vue允许可以将一个网页分割成可复用的组件,每个组件都包含属于自己的HTML, CSS, JavaScript,以用来渲染网页中相应的地方,所以越来越多的前端开发者使用vue。
如果修改头像,向后台传base64字符串,否则会传原图片路径,后台判断是否是base64字符串。
如果是base64字符串,则对base64字符串进行处理,在后台服务器生成图片。此处需要对base64字符串进行处理,如图所示,删除蓝框部分,留逗号之后的内容。
若为图片路径,则不需要进行处理,直接返回图片路径即可。
