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字符串

  • 9
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值