微信小程序 显示二进制图片数据

在微信小程序的网络请求图片文件中,返回的图片并不是我们想象中放上去就可以显示的,返回回来的是一组二进制数据,我们需要base64转换后方可使用,下面总结一下请求图片文件数据的正常流程:

一、image图片控件处理

我们平常的本地图片或网络图片只需要如下即可显示:

而图片文件则是要如下处理(固定格式):

二、请求代码处理

请求类型需要设置为arraybuffer,后面接收到的data要使用base64处理成可显示的形式

wx.request({

      url: url,

      method: 'GET',

      // dataType: 'json',

      responseType: 'arraybuffer',         //将原本按文本解析修改为arraybuffer

      success: function(res) {

        this_.setData({

          imgUrl: wx.arrayBufferToBase64(res.data)

        })

      }

    })

你可能感兴趣的:(微信小程序 显示二进制图片数据)