Vue使用axios请求处理图片流

最新推荐文章于 2024-07-24 16:31:31 发布

小黑前端攻城狮

最新推荐文章于 2024-07-24 16:31:31 发布

阅读量2.7k

点赞数

文章标签： javascript vue.js npm

本文链接：https://blog.csdn.net/weixin_43751946/article/details/108990640

版权

that.axios.get('http://192.168.99.99:8000/msg?app=TG&t=numid&v=xxxxxxxx&gte=0&dtype=day&stamp=xxxxxxxxx&format=png', {
    responseType: "arraybuffer",//这里是声明期望返回的数据类型
}).then(function (response) {
    //将从后台获取的图片流进行转换
    return 'data:image/png;base64,' + btoa(
        new Uint8Array(response.data).reduce((data, byte) => data + String.fromCharCode(byte), '')
    );
}).then(function (data) {
    //接收转换后的Base64图片
    console.log(data);
}).catch(function (error) {
    // this.$message.error(error);
})