解决文件下载重命名时扩展名误识别问题
下载文件并重命名时，如果文件名包含多个点号（.），浏览器或系统可能将最后一个点号后的部分误认为是文件扩展名，导致扩展名错误。例如，“document.2023.pdf”可能被误识别为“.pdf”，而非“document.2023.pdf”。本文分析此问题成因并提供解决方案。
之前的方案尝试通过计数文件名中的点号来解决，并在文件名后追加从URL中提取的扩展名。然而，如果文件名已包含扩展名，则会重复添加，例如“xxxx.zip”变为“xxxx.zip.zip”。
更可靠的方法是利用浏览器响应头中的Content-Type信息确定文件扩展名。Content-Type例如application/pdf、application/zip等，可据此确定正确的扩展名。
改进后的代码如下：
export const downloadFile = (fileUrl, fileName, errorCallback) => { try { const xhr = new XMLHttpRequest(); xhr.open("GET", fileUrl, true); xhr.responseType = "blob"; xhr.send(); xhr.onload = function () { if (this.status === 200 || this.status === 304) { const contentType = xhr.getResponseHeader("Content-Type"); let extension = ""; if (contentType) { // 根据Content-Type确定扩展名，可根据实际情况扩展 if (contentType.includes("pdf")) { extension = ".pdf"; } else if (contentType.includes("zip")) { extension = ".zip"; } else if (contentType.includes("txt")) { extension = ".txt"; } // ... 添加其他类型判断 } const blob = new Blob([this.response], { type: contentType }); const finalFileName = fileName + extension; // 追加扩展名 if ("msSaveOrOpenBlob" in navigator) { navigator.msSaveOrOpenBlob(blob, finalFileName); return; } const url = URL.createObjectURL(blob); simulateClick(blob, finalFileName, "_blank"); URL.revokeObjectURL(url); } }; xhr.onerror = function () { errorCallback && errorCallback(); }; } catch (error) { errorCallback && errorCallback(); }};
此代码根据Content-Type确定扩展名，避免了依赖文件名中点号数量的缺陷，更可靠地处理文件下载和重命名。 需根据实际情况扩展Content-Type判断逻辑，以支持更多文件类型。
以上就是文件下载重命名时扩展名被误识别怎么办？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1563040.html
微信扫一扫 
支付宝扫一扫 
