【uni-app】后端返回base64转二维码并显示在canvas生成海报

最新推荐文章于 2024-04-08 10:00:41 发布

等鲸落

最新推荐文章于 2024-04-08 10:00:41 发布

阅读量1.5k

点赞数

分类专栏： uniapp 文章标签：前端小程序

本文链接：https://blog.csdn.net/m0_59697051/article/details/126117098

版权

本文介绍了如何在uni-app中将后端返回的base64编码转换为二维码并显示在canvas上，生成海报。通过uni.getFileSystemManager().writeFile()方法将base64数据写入文件，并在成功后更新海报组件的图片路径，实现二维码显示。最后，提供了一个生成海报的插件参考链接。

摘要由CSDN通过智能技术生成

使用官方的uni.getFileSystemManager().writeFile()方法可将base64码转成的二维码显示在画布上，代码如下：

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 = codei