巧妙解决文件下载重命名时扩展名误识别问题
下载文件并重命名时，如果文件名包含多个点号（.），浏览器或系统可能误将最后一个点号后的部分识别为扩展名，导致扩展名错误或重复。本文提供一种更可靠的解决方案，有效避免此类问题，尤其适用于文件名包含多个点号的情况。
之前的解决方案尝试通过计数文件名中的点号数量来解决问题，但这存在缺陷：如果服务器返回的文件名已包含扩展名，则会造成扩展名重复。例如，“xxxx.zip”可能会变成“xxxx.zip.zip”。
更稳妥的方案：利用Content-Type header
为了避免直接从文件名中提取扩展名带来的错误，我们建议优先使用服务器返回的Content-Type header来确定文件的真实类型，并据此设置正确的扩展名。
以下代码示例演示了改进后的方法：
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 = this.getResponseHeader("Content-Type"); let ext = ''; // 根据Content-Type设置扩展名，可根据实际情况补充更多类型 if (contentType.includes('application/pdf')) { ext = '.pdf'; } else if (contentType.includes('application/zip')) { ext = '.zip'; } else if (contentType.includes('application/vnd.openxmlformats-officedocument.wordprocessingml.document')) { ext = '.docx'; } // ... 其他类型判断 ... // Content-Type无法判断时，使用原文件名，避免覆盖 if(ext === ''){ const fileNameParts = fileName.split('.'); ext = fileNameParts.length > 1 ? '.' + fileNameParts.pop() : ''; } const blob = new Blob([this.response], { type: contentType }); const finalFileName = fileName + ext; // 使用Content-Type确定的扩展名 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 header确定扩展名。如果无法确定，则保留原文件名，避免修改。这种方法更可靠，有效避免了因文件名包含多个点号而导致的扩展名错误。 请根据实际需求补充更多Content-Type类型的判断。
以上就是下载文件名含有多个点号导致扩展名错误如何解决？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1563002.html
微信扫一扫 
支付宝扫一扫 
