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

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

HandlerAdpater

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

阅读量4.3k

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/temperlili/article/details/121460423

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

将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)
    })