小程序显示图片
1.直接显示base64
①此方式需要注意变更字符串的头信息为 “data:image/jpg;base64,”
②需要处理的字符串base64是头信息后的字符串,如需操作需要分割取值
2.存储为临时文件后使用临时路径显示
base64使用微信的API转化一下,存储为临时路径
var base64data = 'data:image/jpg;base64,.....'; const [, format, bodyData] = /data:image\/(\w+);base64,(.*)/.exec(base64data) || []; if (!format) { return (new Error('ERROR_BASE64SRC_PARSE')); } var FILE_BASE_NAME = 'tmp_base64src'; var save = wx.getFileSystemManager(); const filePath = `${wx.env.USER_DATA_PATH}/${FILE_BASE_NAME}.${format}`; const buffer = wx.base64ToArrayBuffer(bodyData); save.writeFile({ filePath, data: buffer, encoding: 'binary', success() { console.log( "res",res ) _this.setData({ filePath }) }, fail() { return (new Error('ERROR_BASE64SRC_WRITE')); }, });
小程序保存图片
1.使用小程序下载API的方式
此方法包含两个步骤:①先存临时文件,②将临时文件存入相册
2.使用小程序的长按保存方式
可以长按保存的前提是:当前页面(含web-view)长按目标必须是图片标签,不允许是背景图片