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

1、使用image标签

src属性添加data:image/png;base64

(注意：若imgData返回数据中含有data:image/png;base64,时，src直接写src="{ {imgData}}"即可)

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

var imgData = imgData .replace(/[\r\n]/g, '') // 将回车换行换为空字符''

2、如何保存

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

var imgSrc = this.data.imgData; //base64编码

var fs = wx.getFileSystemManager();

var number = Math.random();

fs.writeFile({

filePath: wx.env.USER_DATA_PATH + '/pic' + number + '.png',

data: imgSrc,

encoding: 'base64',

success: res => {

wx.saveImageToPhotosAlbum({

filePath: wx.env.USER_DATA_PAT