微信小程序获取二维码接口整理,前台获取二维码

一、说明

小程序获取二维码常用接口B

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

指定小程序AccessToken ,指定二维码参数 使用 Post方式提交就返回二维码图片 

二、获取小程二维码步骤

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属性

猜你喜欢

转载自my.oschina.net/tianma3798/blog/1811307