- ps: 最近因为小程序登录需要验证码验证,所以去研究了一波,微信小程序如何渲染后端返回来的图片
- 回去重新看了一下微信小程序开发文档
- 发现可以利用
wx.request+wx.arrayBufferToBase64
,直接将图片转成base64直接渲染
// 获取图片验证码 getCode(){ const _this = this this.setData({ image:null, code:null }) wx.request({ url: 'url', header: { 'content-type': 'application/json' // 默认值 }, responseType:"arraybuffer", success (res) { let url ='data:image/png;base64,'+wx.arrayBufferToBase64(res.data) _this.setData({ image:url }) }, fail(){ _this.show("获取验证码失败","error") _this.setData({ code:null }) } }) },
<image src="{{image}}" id="image" mode="scaleToFill" bindtap="getCode" />
- 成功