码迷,mamicode.com
首页 > 微信 > 详细

微信小程序处理后端返回图片二进制流,渲染页面

时间:2020-05-11 13:44:46      阅读:500      评论:0      收藏:0      [点我收藏+]

标签:小程序   mamicode   处理   视图   info   let   com   type   ons   

 1.情况展示:后台接口返回二进制数据

  技术图片

2.在JS页面中,获取数据,转换数据

 

    wx.request({
      url: url, //获取图片的URL
      method:"get",,
      responseType: ‘arraybuffer‘,    //ArrayBuffer涉及面比较广,我的理解是ArrayBuffer代表内存之中的一段二进制数据,一旦生成不能再改。可以通过视图(TypedArray和DataView)进行操作。
      success (res) {
        let url =‘data:image/png;base64,‘+wx.arrayBufferToBase64(res.data)
        that.setData({
          codeUrl : url,     //设置data里面的图片url
          show:true
        })
      },
      fail(res){
        Toast.clear();
      }
    })

3.在wxml文件中,使用image标签,如:

  <view>
    <image src=‘{{codeUrl}}‘></image>
  </view>

 

微信小程序处理后端返回图片二进制流,渲染页面

标签:小程序   mamicode   处理   视图   info   let   com   type   ons   

原文地址:https://www.cnblogs.com/banyuege/p/12868361.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!