微信小程序码渲染

最新推荐文章于 2024-11-21 15:58:13 发布

菱玉

最新推荐文章于 2024-11-21 15:58:13 发布

阅读量361

点赞数

文章标签：小程序

本文链接：https://blog.youkuaiyun.com/weixin_43878003/article/details/109857411

版权

本文介绍了如何在后台调用微信小程序的接口获取小程序码，并详细说明了如何在小程序前端展示后台返回的二进制图片，包括直接使用<image>标签和转换为Base64生成海报的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

后台调用接口获取到小程序码参考
https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/qr-code/wxacode.get.html
在这里插入图片描述
小程序码里面的参数后台可以直接拼接，小程序页面获取可以直接在页面的onload（options）里面直接获取

1：小程序如何展示后台返回的二进制图片
返回为二进制图片
<image class=“partner5 " src=”/项目名/方法名"/" mode=“aspectFit”>
< img src="/项目名/方法名"/>
2：如果需要转换成图片然后生成海报
把图片转换成base64,再获取本地图片路径

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();
}
})

 //将base64图片转网络图片
  send_code(code) {
    /*code是指图片base64格式数据*/
    //声明文件系统
    const fs = wx.getFileSystemManager();
    //随机定义路径名称
    var times = new Date().getTime();
    var codeimg = wx.env.USER_DATA_PATH + '/' + times + '.png';

    //将base64图片写入
    fs.writeFile({
      filePath: codeimg,
      data: code.slice(22),
      encoding: 'base64',
      success: () => {
        //写入成功了的话，新的图片路径就能用了
        this.huizhi({},codeimg);
      }
    });
  },