原因描述: Content-Type
原因:Content-Type,即内容类型,一般是指网页中存在的Content-Type,用于定义网络文件的类型和网页的编码,决定文件接收方将以什么形式、什么编码读取这个文件,这就是经常看到一些PHP网页点击的结果却是下载到的一个文件或一张图片的原因。
后端设置的格式为,对应于xlsx的文件后缀名,
//设置响应头信息
response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
response.setCharacterEncoding("utf-8");
而前端下载时,文件拓展名没有从headers中取,是自行设置的——xls,两者之间对不上,所以产生了上面的提示信息。
//下载文件流
let blobUrl = window.URL.createObjectURL(
new Blob([res], { type: "application/msexcel;charset=utf-8" /*"application/force-download"*/ })
);
let a = document.createElement("a");
a.style.display = "none";
a.setAttribute("href", blobUrl);
const fileName = "系统配置列表"; //以时间信息作为文件名
a.setAttribute("download", `${fileName}.xls`);
document.body.appendChild(a);
a.click(); //执行下载
window.URL.revokeObjectURL(blobUrl);
document.body.removeChild(a);
解决方案
前端下载时,保证转换为Blob类型时的type字段值、a标签的download属性与后端的书写方式一致就行。
附:MIME TYPES表,完整版参考-Media Types (iana.org)
文章来源:https://www.toymoban.com/news/detail-820975.html
文章来源地址https://www.toymoban.com/news/detail-820975.html
到了这里,关于Excel导出警告:文件格式和拓展名不匹配的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!