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

2023-12-20 06:28:36

在实际开发的时候 需要后端实时的给我返回二维码? 他给我返回的是加密后的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字符串

文章来源:https://blog.csdn.net/Anorry/article/details/135077925
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。