data:。image/png,base64，………源图片需要上传到服务器空间吗，如不上传，那源图

Posted 2023-04-23

data:。image/png,base64，………源图片需要上传到服务器空间吗，如不上传，那源图片该保存到哪里呢，

参考技术A 肯定需要传到服务器空间里面的，不然怎么调用图片。图片显示指定的路径就是存放的路径。追问

可是，我把图片上传到服务器空间，图片的网址是http://www......./images/1.png类型的，把这个网址编码成data:。image/png,base64
类型的，得到data:。image/png,base64网址，却访问不了，看不了图片啊！

参考技术B 不用上传，因为需要显示的图片较小，所以直接将图片转码成字符串，然后css进行解码显示。这种方式能在前台页面较快响应，且不占用后台资源。

微信小程序 base64格式图片的展示保存及pdf打开

参考技术A src属性添加data:image/png;base64
（注意：若imgData返回数据中含有data:image/png;base64,时，src直接写src="imgData"即可）

显示不出来，有一种原因是因为返回的base64的数据中存在回车换行，需要回车换行替换为''即可。

（注意：若imgData返回数据中含有data:image/png;base64,时，data参数需要写成：imgSrc.slice(22)，意思为：这里是把 data:image/png;base64, 这一段去除）

用wx.base64ToArrayBuffer（）将 Base64 字符串转成 ArrayBuffer 对象并去空格，再写入文件，最后打开。