Axios从后端获取图片流并显示在页面中

最新推荐文章于 2024-09-05 10:57:20 发布

原创最新推荐文章于 2024-09-05 10:57:20 发布 · 4.3k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

本文介绍了如何在Vue.js应用中利用Axios库，通过设置responseType为'blob'来获取后端返回的图片流，并通过URL.createObjectURL()方法转化为可展示的URL，实现在页面上展示图片。

将responseType设置为“blob”类型，然后使用URL.createObjectURL()获取blob对象的url地址即可

return axios({
        method: 'get',
        url: "xxxxx",
        /* blob流对象 */
        responseType: 'blob'
    }).then((result) => {
             /* 使用URL.createObjectURL方法获取blob对象的url地址 */
             imgurl = URL.createObjectURL(result.data)
    })