单独访问图片链接是文件流的形式
因此我们需要请求这个url,将文件流转成base64文件
wx.request({
url: res.data.qrcode, //获取图片的URL
method: "get",
responseType: 'arraybuffer', //ArrayBuffer涉及面比较广,我的理解是ArrayBuffer代表内存之中的一段二进制数据,一旦生成不能再改。可以通过视图(TypedArray和DataView)进行操作。
success: (res) => {
let url = 'data:image/png;base64,' + wx.arrayBufferToBase64(res.data)
this.setData({
codeImg:url
})
},
fail(res) {
}
})
wxml里面赋值就好了:文章来源:https://www.toymoban.com/news/detail-615302.html
<image src="{{codeImg}}"></image>
图片就显示出来了、 文章来源地址https://www.toymoban.com/news/detail-615302.html
到了这里,关于微信小程序显示图片文件流的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!