前端文件下载---后端返回文件流类型

最新推荐文章于 2024-08-25 23:35:37 发布

前端小菜鸡ππ队

最新推荐文章于 2024-08-25 23:35:37 发布

阅读量3.6k

点赞数

分类专栏：前端总结文章标签： javascript 前端

本文链接：https://blog.csdn.net/jkhedge/article/details/125458414

版权

博客内容介绍了前端如何处理后端返回的文件流进行下载，重点在于设置responseType为arraybuffer或blob，并根据文件类型设定Blob的type属性，如Excel的type为'application/vnd.ms-excel;charset=utf-8'，PDF的type为'application/pdf'，以及如何根据实际返回的数据调整Blob构造函数中的参数。

摘要由CSDN通过智能技术生成

后端返回文件流类型，前端下载要进行处理，处理代码如下：

import request from '@/router/axios';
//将后台返回的文件流做处理，导出excel
            exportSearchList(url,name,params,time，type) {
            request({
                method: type,
                url: url,
                data:params,//post请求 
                // params,//get请求
                responseType: "arraybuffer"
            }).then(function(res){
            console.log("返回的二进制流文件", res)
            if(!res) return;
            //fileName:下载的文件名
            // let currentData=timeFormat(new Date())
            var fileName = name+time
            let blob = new Blob([res], {type: 'application/vnd.ms-excel;charset=utf-8'});
        
            // 针对ie浏览器
            if (window.navigator && window.navigator.msSaveOrOpenBlob) {
                window.navigator.msSaveOrOpenBlob(blob, fileName);
                } else {