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

img : one rror=' err pic ' class=' customer head ' : src=' http : param。customer head ' alt=' data(){ return { param : { id : ' '，customerHead: ' '，} } let _ this=this let files=e . target。文件[0]if(文件。尺寸/(1024 * 1024)2){此开口(' .上传的图片不可大于“2M！”)返回false } var reader=new FileReader()；读者。on load=function(e){ var base 64=e . target。结果；_这个。帕拉姆。customer head=base64//控制台。log(base64)} if(file){ reader。readasdataurl(文件)；}

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

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

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

@Value('${upload.image.path} ')私有字符串文件路径；//base64字符串转化成图片头标路径ip :端口号公共字符串生成器图像（字符串imgStr，字符串头标路径，字符串cusID) { //对字节数组字符串进行Base64解码并生成图片if (imgStr==null) //图像数据为空"返回"./PICC生活/静态/习俗。png '；base64解码器解码器=新的base64解码器()；尝试{ //判断是base64字符串还是图片路径if(imgStr.substring(0，5)).equals(' data : '){//Base64解码byte[]b=decoderbuffer。decoderbuffer(imgstr。子串(imgstr。indexof('，')1))；for(int I=0；ib。长度；i) { if(b[i]0) {//调整异常数据b[I]=256；} } //生成图片字符串IMgfilePath=file path/' head rimg/' cusID ' .jpg '；//新生成的图片输出流out=新文件输出流(IMgfilepath)；出去。写(b)；出去。flush()；出去。close()；返回头标路径头标img/“cusID ”.jpg '；} else { return imgStr} } catch(异常e) { return './PICC生活/静态/习俗。png '；} }

总结

以上所述是小编给大家介绍的某视频剪辑软件项目base64字符串转图片的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！