【无标题】

最新推荐文章于 2024-09-22 11:17:00 发布

哈哈~a

最新推荐文章于 2024-09-22 11:17:00 发布

阅读量50

点赞数

分类专栏：前端记录文章标签： javascript 前端 html

原文链接：https://blog.csdn.net/qq_36256590/article/details/122256555

版权

前端记录专栏收录该内容

3 篇文章 0 订阅

订阅专栏

excel导出，后端返回二进制流的解决方法

记录导出方法

记录导出方法

// 拿到返回结果重新创建一个下载文件类型
	    let blob = new Blob([res.data], {type: 'application/vnd.ms-excel;charset=utf-8'}) // 文件类型
		    console.log(res.headers['content-disposition']); // 从response的headers中获取filename, 后端response.setHeader("Content-disposition", "attachment;filename=" + fileName + ".xlsx") 设置的文件名;
		    //以=分割取数组[1]元素为文件名
		    let filename = window.decodeURI(res.headers['content-disposition'].split('=')[1])
		    let url = window.URL.createObjectURL(blob);  // 创建下载链接
		    let aLink = document.createElement("a");    // 赋值给a标签的href属性
		    aLink.style.display = "none";
		    aLink.href = url;
		    aLink.setAttribute("download", filename);
		    document.body.appendChild(aLink);   // 将a标签挂载上去
		    aLink.click();          // a标签click事件
		    document.body.removeChild(aLink);  // 移除a标签
		    window.URL.revokeObjectURL(url);   // 销毁下载链接