前端下载excel文件的两种方法

最新推荐文章于 2025-03-14 17:51:05 发布

Ace.三阶斗尊

最新推荐文章于 2025-03-14 17:51:05 发布

阅读量9.3k

点赞数 9

分类专栏：前端vue Vue 文章标签： blob excel下载

本文链接：https://blog.csdn.net/qq_42231156/article/details/103890292

版权

1. 后端直接返回下载excel的地址链接excelDownUrl：

window.location.href = excelDownUrl; //直接下载excel下载地址

2. 后端返回二进制流文件，前端通过axios 通过Blob 转换excel文件流下载乱码问题：

axios({
        method: 'GET', //或者POST
        url: '/api',
        params: params,
        responseType: 'blob',
        data:param
}).then(res=>{
        let result=res.data; //如果后端返回的result是进过Blob处理的，直接 window.URL.createObjectURL(result)，如果没有，就需要先实例化new Blod处理之后再window.URL.createObjectURL(blob)。
        let blob = new Blob([result], {type: "application/vnd.ms-excel"});  
        let url = window.URL.createObjectURL(blob);
        let link = document.createElement('a');
		link.download = "product.xls";
		link.href = url;
		l