微信小程序生成二维码并保存,分享,下载
依赖工具
使用weapp-qrcode-base64库生成二维码的base64编码
链接:weapp-qrcode-base64
- 安装
npm install qrcode-base64
- 构建
微信开发者工具->工具->构建npm - 引入
import QR from 'qrcode-base64'
- 使用
var imgData = QR.drawImg(this.data.codeText, {
typeNumber: 4,
errorCorrectLevel: 'M',
size: 500
})
this.setData({
url:imgData
})
<image src="{{url}}" ></image>
实现方法
在生成base64编码后,可将其保存在微信临时路径,再调用wx.showShareImageMenu()方法显示分享页面
代码如下
imgData = imgData.slice(imgData.indexOf(',') + 1, imgData.length) //注意,保存的base64编码不能包括前缀如(data:image/png;base64,)
let manage = wx.getFileSystemManager()
let filePath = wx.env.USER_DATA_PATH + '/temp.gif'
manage.writeFile({
filePath: filePath,
data: imgData,
encoding: 'base64',
success(res){
console.log(res)
wx.showShareImageMenu({
path: filePath,
success(res){
console.log(res)
},
fail(err){
console.log(err)
}
})
}
})