微信小程序獲取二維碼接口整理，前臺獲取二維碼

1、說明

小程序獲取二維碼經常使用接口B

https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKEN

指定小程序AccessToken ，指定二維碼參數 使用 Post方式提交就返回二維碼圖片 

2、獲取小程二維碼步驟

1.獲取access_token

小程序的token獲取和公衆號獲取token方式同樣，指定appid和appSecret就能夠了。

這一步本文檔省略。

2.指定 access_token 和二維碼參數 調用接口

兩種方式：

一種後臺獲取二維碼處理，返回圖片連接或DataURL ，推薦使用這種方式

一種使用 wx.request() 前臺直接調用返回處理圖片，這種方式須要配置請求域名白名單添加api.weixin.qq.com

本文介紹第二種操做：

1.指定參數請求數據，返回二進制數據字符串

var link = 'https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=' + token;
  var param = {
    scene:id,
    page: page,
    width:300,
    auto_color:false,
    is_hyaline:false
  };
  wx.request({
    url: link,
    method:'post',
    header:{
      'content-type':'image/jpeg'
    },
    responseType:'arraybuffer',
    data:param,
    success:res=>{
      if(onSuccess)
      onSuccess(res.data);
    }
  })

2.處理二級制字符串，讀取成DataURL格式用於顯示

var blob = new Blob([data], {
  type: 'text/plain'
});
//將二進制讀取成DataURL 
var reader = new FileReader();
reader.onload = function () {
  _this.setData({
    tempPath: reader.result
  });
}
reader.readAsDataURL(blob);

wxml：

<image src='{{tempPath}}' mode='widthFix'></image>

顯示結果：

 

更多：

微信小程序下拉刷新使用整理

微信小程序rich-text富文本圖片自適應處理

js正則獲取圖片的src屬性