<view><image :src="showImg" @error="imageError"></image> </view>
export default {
data() {
return {
showImg : "", //显示图片地址
coverImg : 'https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg' //网络图片地址
}
},
onLoad() {
this.urlTobase64(this.coverImg);
},
methods: {
imageError: function(e) {
console.error('image发生error事件,携带值为' + e.detail.errMsg)
},
urlTobase64(url) {
let toBase64Url;
uni.request({
url: url,
method: 'GET',
responseType: "arraybuffer",
success: async res => {
let base64 = wx.arrayBufferToBase64(res.data); //把arraybuffer转成base64
toBase64Url = 'data:image/jpeg;base64,' + base64; //不加上这串字符,在页面无法显示
console.log(toBase64Url);
this.showImg= toBase64Url;
}
});
},
}
}
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。