使用官方的uni.getFileSystemManager().writeFile()方法可將base64碼轉(zhuǎn)成的二維碼顯示在畫布上,代碼如下:
const obj = {
?? ??? ??? ??? ??? ?page: 'pages/sort/goodsDetail',
?? ??? ??? ??? ??? ?co_Nu: this.goodInfo.co_Nu
?? ??? ??? ??? ?}
?? ??? ??? ??? ?const _this = this
?? ??? ??? ??? ?cenerateQrCode(obj).then(res => {
?? ??? ??? ??? ??? ?if (res.success) {
?? ??? ??? ??? ??? ??? ?// 圖片路徑
?? ??? ??? ??? ??? ??? ?var codeimg = wx.env.USER_DATA_PATH + '/ewm.jpg';
?? ??? ??? ??? ??? ??? ?uni.getFileSystemManager().writeFile({
?? ??? ??? ??? ??? ??? ??? ?filePath:codeimg, // 圖片路徑
?? ??? ??? ??? ??? ??? ??? ?data: res.data, // 返回的base64
?? ??? ??? ??? ??? ??? ??? ?encoding: 'base64',
?? ??? ??? ??? ??? ??? ??? ?success() {
?? ??? ??? ??? ??? ??? ??? ??? ?_this.posterData.codeImg.url = codeimg //最終地址
?? ??? ??? ??? ??? ??? ??? ?}
?? ??? ??? ??? ??? ??? ?})
?? ??? ??? ??? ??? ?}
?? ??? ??? ??? ?})
如果單純想base64轉(zhuǎn)圖片顯示在頁面可執(zhí)行以下代碼:
const imgUrl = 'data:image/jpg;base64,' + res.data
最終效果如下:
需要生成海報(bào)組件的友友們可參照以下地址:
生成海報(bào)插件文章來源:http://www.zghlxwxcb.cn/news/detail-501432.html
?文章來源地址http://www.zghlxwxcb.cn/news/detail-501432.html
到了這里,關(guān)于【uni-app】后端返回base64轉(zhuǎn)二維碼并顯示在canvas生成海報(bào)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!