uniapp-使用返回的base64转换成图片
在实际开发的时候 需要后端实时的给我返回二维码 他给我返回的是加密后的base64字符串
我需要利用这个base64转换到canvas画布上展示 或者以图片的形式展示在页面内
在canvas画布上展示
使用官方的uni.getFileSystemManager().writeFile()方法可将base64码转成的二维码显示在画布上,代码如下:
const obj = {page: 'pages/sort/goodsDetail',co_Nu: this.goodInfo.co_Nu}const _this = thiscenerateQrCode(obj).then(res => {if (res.success) {// 图片路径var codeimg = wx.env.USER_DATA_PATH + '/ewm.jpg';uni.getFileSystemManager().writeFile({filePath:codeimg, // 图片路径data: res.data, // 返回的base64encoding: 'base64',success() {_this.posterData.codeImg.url = codeimg //最终地址}})}})
转换成图片展示
const imgUrl = 'data:image/jpg;base64,' + res.data
res.data 是base64字符串