uniapp-使用返回的base64转换成图片

在实际开发的时候 需要后端实时的给我返回二维码  他给我返回的是加密后的base64字符串

我需要利用这个base64转换到canvas画布上展示 或者以图片的形式展示在页面内

在canvas画布上展示

使用官方的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 = codeimg //最终地址
                            }
                        })
                    }
                })

转换成图片展示

const imgUrl = 'data:image/jpg;base64,' + res.data

res.data 是base64字符串

相关推荐

  1. uniapp-使用返回base64转换图片

    2023-12-21 03:24:02       40 阅读
  2. 图片转换base64如何在html文件中使用

    2023-12-21 03:24:02       18 阅读
  3. 将html字符串中base64图片转换file并上传

    2023-12-21 03:24:02       34 阅读
  4. uniapp图片地址base64格式相互转换

    2023-12-21 03:24:02       14 阅读
  5. uniapp中预览base64图片

    2023-12-21 03:24:02       18 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-21 03:24:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-21 03:24:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-21 03:24:02       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-21 03:24:02       20 阅读

热门阅读

  1. spring 配置模型

    2023-12-21 03:24:02       38 阅读
  2. Python_Tkinter和OpenCV模拟行星凌日传输光度测定

    2023-12-21 03:24:02       47 阅读
  3. 12.1 知识回顾(过滤器、 模型层)

    2023-12-21 03:24:02       28 阅读
  4. 进制转换和图像处理的编程实现

    2023-12-21 03:24:02       35 阅读
  5. vim 基本命令查找和替换

    2023-12-21 03:24:02       40 阅读
  6. 安全面试总结

    2023-12-21 03:24:02       40 阅读
  7. LVS+Keepalived 高可用群集

    2023-12-21 03:24:02       36 阅读
  8. 驱动学习篇

    2023-12-21 03:24:02       40 阅读
  9. 3.9【窗口】窗口使用示例(窗口缩放 二)

    2023-12-21 03:24:02       36 阅读