vue解析后台传来的文件流实现文件下载功能并兼容ie

suoh's Blog

已于 2022-08-04 17:21:17 修改

阅读量3.3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： ❤️❤️--vue2核心技术栈文章标签： vue实现文件流下载 vue实现兼容ie的下载文件

于 2021-03-17 14:59:06 首次发布

本文链接：https://blog.csdn.net/qq_41579104/article/details/114930188

❤️❤️--vue2核心技术栈专栏收录该内容

53 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍如何在Vue中处理后台传来的文件流，实现文件下载功能，并详细说明了如何确保兼容IE浏览器。关键在于设置responseType为'blob'来处理压缩包等类型文件。

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

后台传来的文件流：

下载并兼容了ie：

export function downloadFile(data, fileName, http, url) {
      axios({
            method: http,
            data: data,
            url: '/api' + url,
            responseType: "arraybuffer" //注意这个参数必须加，不然会出现下载好的文件打开是乱码情况
            //这个参数是为了告诉axios请求，咱们请求的是二进制数据流
      }).then(res => {
            // 假设 data 是返回来的二进制数据
            const data = res.data;
            let blob = new Blob([data], { type: res.headers["content-type"] });
            const url =