后台返回字节流，前端在页面显示（如pdf/svg/img）

最新推荐文章于 2024-06-18 09:01:03 发布

原创最新推荐文章于 2024-06-18 09:01:03 发布 · 6.4k 阅读

6 ·

CC 4.0 BY-SA版权

axios 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何利用axios库发送GET请求，并设置响应类型为blob以接收SVG格式的文件。详细展示了如何将接收到的数据转换为Blob对象，创建一个URL以在浏览器中显示或直接打开SVG文件。

这里我用的是axios 所以就只说一下axios吧

Axios({
            methods: 'GET',
            url: ‘url’,
            responseType: 'blob'//这里意思是接收返回文件格式
        }).then(res => {
            let blob = new Blob([res.data], {
                type: 'text/xml'/我这里接收的是svg  其他类型参考HTTP content-type
            });
            let fileURL = URL.createObjectURL(blob);
            //如果你是在一个标签元素中显示这个文件，还是以我用的svg为例
            //可以写成<embed src=fileURL type="text/xml" />对pdf同样适用，注意改一下type
            window.open(fileURL);//这里是直接打开新窗口
        });

http content-type 链接HTTP content-type链接