vue+axios+blob导出excel---提示文件损坏解决

1.接口部分

注意点1：此处直接resolve(response)，而不是(response.data)，因为数据处理部分需要拿到后端放在header里面的文件名fileName

注意点2：需要写responseType: 'blob'，而且位置放在data同级的对象里，如下图，不然下载后的文件打不开，提示文件损坏

export const apiExportCusGroup = params => {return new Promise((resolve, reject) => {instance.post(baseApi+'/api/console/customer/customerExport',{customerIds: params.customerIds,},{responseType: 'blob',}).then(response => {resolve(response)}).catch(error => {reject(error)})})
}

2.数据处理部分

apiExportCusGroup(formData).then(response => {const link = document.createElement('a');let blob = new Blob([response.data], {type: 'application/vnd.ms-excel'});link.style.display = 'none';link.href = URL.createObjectURL(blob);//创建url对象link.download = response.headers['content-disposition'].substr(20); //下载后文件名document.body.appendChild(link);link.click();document.body.removeChild(link);URL.revokeObjectURL(link.href);//销毁url对象
}).catch(err => {console.log(err);
})

vue+axios+blob导出excel---提示文件损坏解决相关推荐

Java导出Excel提示文件损坏_导出Gridview到Excel成功但文件已损坏？
我需要以编程方式创建一个包含3个工作表的Excel电子表格 . 对于Sheet1,我正在尝试导出一个Gridview ...及其所有格式...而不使用Http.Response这样做,因为该技术强制文 ...
Java后端与Vue前端导出Excel表格文件并解决乱码和文件打不开
Java 需要用到 poi 两个依赖包,Maven如下:  &l ...
js下载文件流，提示文件损坏问题
记录一下前端下载后端返回的文件流,提示文件损坏问题. const blob = new Blob([content.data], {// type是需要对应的文件类型type:"applic ...
导出excel，文件打不开
导出excel,文件打不开查看博客: https://blog.csdn.net/qq_45796667/article/details/123875612?spm=1001.2101.3001.6 ...
VUE纯前端导出excel表格功能《转载》
插件:使用vue-json-excel插件实现Vue纯前端导出简单的Excel表格功能. 使用方法 1. 安装依赖 npm install vue-json-excel 2. 引入组件 a. 全局引入 ...
php导出excel格式文件,PHP导入与导出Excel文件的方法
一.PHP导出Excel文件 1,推荐phpexcel,官方网站: http://www.codeplex.com/PHPExcel 导入导出都成,可以导出office2007格式,同时兼容2003 ...
excel表格文件损坏怎么修复
Excel是一款广受欢迎的电子表格程序,它提供了广泛的功能可以用来创建.编辑和存储数据.无论是在个人还是在工作场所,这款程序都是非常实用的.但是,由于一些不可避免的因素,Excel表格文件可能会损坏, ...
ASP.NET Core 导入导出Excel xlsx 文件
ASP.NET Core 使用EPPlus.Core导入导出Excel xlsx 文件,EPPlus.Core支持Excel 2007/2010 xlsx文件导入导出,可以运行在Windows, Li ...
js网页导出excel表格文件
下载地址 js网页导出excel表格文件,没有使用任何第三方js类库,简单的实现table数据导出效果. dd:

vue+axios+blob导出excel---提示文件损坏解决

1.接口部分

2.数据处理部分

vue+axios+blob导出excel---提示文件损坏解决相关推荐

最新文章

热门文章