uni-app 网络图片转Base64

<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;
                 }
             });
        },
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。