文件下载重命名时扩展名被误判怎么办？-html教程-PHP中文网

文件下载重命名时扩展名被误判怎么办？

巧妙解决文件下载重命名时扩展名误判难题

下载文件并重命名时，如果文件名包含多个点号（.），浏览器可能会错误识别扩展名，导致文件扩展名与实际类型不符。例如，“我的文件.pdf.txt”会被误认为是“.txt”文件。本文将分析此问题并提供可靠的解决方案。

文中提到的代码片段尝试通过计数文件名中的点号来解决问题，但这存在缺陷：如果文件名本身已包含扩展名，则会导致扩展名重复。

更可靠的方法是直接从服务器返回的HTTP响应头中获取Content-Type信息。Content-Type头部包含服务器声明的文件类型（如application/pdf、application/zip），这是确定文件类型的最准确方式。

改进后的代码如下：

ReRoom AI

专为室内设计打造的AI渲染工具，可以将模型图、平面图、草图、照片转换为高质量设计效果图。

下载

export const downloadFile = (fileUrl, fileName, errorCallback) => {
    try {
        const xhr = new XMLHttpRequest();
        xhr.open("get", fileUrl, true);
        xhr.responseType = "blob";
        xhr.onload = function () {
            if (this.status === 200 || this.status === 304) {
                const contentType = this.getResponseHeader("Content-Type");
                let ext = "";
                if (contentType) {
                    const contentTypeParts = contentType.split('/');
                    if (contentTypeParts.length === 2) {
                        ext = `.${contentTypeParts[1]}`;
                    }
                }
                const blob = new Blob([this.response], { type: contentType });
                const url = URL.createObjectURL(blob);
                const finalFileName = fileName + ext; 
                simulateClick(blob, finalFileName, "_blank");
                URL.revokeObjectURL(url);
            }
        };
        xhr.onerror = function () {
            errorCallback && errorCallback();
        };
        xhr.send();
    } catch (error) {
        errorCallback && errorCallback();
    }
};

这段代码从xhr.getResponseHeader("Content-Type")获取MIME类型，并据此推断文件扩展名，有效避免了因文件名点号过多导致的扩展名错误。需要注意的是，Content-Type的格式并非完全一致，根据实际情况可能需要调整扩展名提取逻辑。例如，application/zip可以直接提取zip，但其他Content-Type可能需要更复杂的处理。

通过此方法，可以更精确地确定文件扩展名，确保下载文件时扩展名正确无误。