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

1、说明javascript

小程序获取二维码经常使用接口Bhtml

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

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

2、获取小程二维码步骤小程序

1.获取access_token微信小程序

小程序的token获取和公众号获取token方式同样,指定appid和appSecret就能够了。api

这一步本文档省略。微信

2.指定 access_token 和二维码参数 调用接口app

两种方式:post

一种后台获取二维码处理,返回图片连接或DataURL ,推荐使用这种方式this

一种使用 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属性

相关文章
相关标签/搜索