微信小程序显示图片文件流

原创

已于 2022-10-27 18:10:45 修改 · 3.8k 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序 #微信小程序显示图片文件流

于 2022-10-27 17:36:03 首次发布

博客介绍了微信小程序显示图片文件流的方法。因单独访问图片链接是文件流形式，需请求该url，将文件流转成base64文件，再在wxml里赋值，即可显示图片。

单独访问图片链接是文件流的形式

因此我们需要请求这个url，将文件流转成base64文件

    wx.request({
        url: res.data.qrcode, //获取图片的URL
        method: "get",
        responseType: 'arraybuffer', //ArrayBuffer涉及面比较广，我的理解是ArrayBuffer代表内存之中的一段二进制数据，一旦生成不能再改。可以通过视图（TypedArray和DataView）进行操作。
        success: (res) => {
             let url = 'data:image/png;base64,' + wx.arrayBufferToBase64(res.data)
             this.setData({
                  c