Excel导出警告：文件格式和拓展名不匹配

最新推荐文章于 2024-06-16 12:03:57 发布

是席木木啊

最新推荐文章于 2024-06-16 12:03:57 发布

阅读量1.6k

点赞数 8

分类专栏： Java 文章标签： MIME Types

本文链接：https://blog.csdn.net/weixin_43524214/article/details/135761766

版权

Java 专栏收录该内容

68 篇文章 3 订阅

订阅专栏

文章讲述了前端在尝试下载Excel文件时，由于后端设置的Content-Type与前端自定义的文件扩展名不符，导致下载提示错误。解决方法是确保前后端在设置文件类型和下载属性时保持一致。

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

原因描述： 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);