下载文件名含有多个点号导致扩展名错误如何解决?

聖光之護
发布: 2025-03-06 09:46:50
原创
629人浏览过

下载文件名含有多个点号导致扩展名错误如何解决?

巧妙解决文件下载重命名时扩展名误识别问题

下载文件并重命名时,如果文件名包含多个点号(.),浏览器或系统可能误将最后一个点号后的部分识别为扩展名,导致扩展名错误或重复。本文提供一种更可靠的解决方案,有效避免此类问题,尤其适用于文件名包含多个点号的情况。

之前的解决方案尝试通过计数文件名中的点号数量来解决问题,但这存在缺陷:如果服务器返回的文件名已包含扩展名,则会造成扩展名重复。例如,“xxxx.zip”可能会变成“xxxx.zip.zip”。

更稳妥的方案:利用Content-Type header

为了避免直接从文件名中提取扩展名带来的错误,我们建议优先使用服务器返回的Content-Type header来确定文件的真实类型,并据此设置正确的扩展名。

Devv
Devv

Devv是一个专为程序员打造的新一代AI搜索引擎

Devv 140
查看详情 Devv

以下代码示例演示了改进后的方法:

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类型的判断。

以上就是下载文件名含有多个点号导致扩展名错误如何解决?的详细内容,更多请关注php中文网其它相关文章!

相关标签:
最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号