JS+PHP+Apache上传大文件48MB+解决方案

本文提供JS+PHP+Apache环境下，解决视频切片上传48MB以上文件失败的完整方案。 问题源于前端FormData对象重复利用导致数据累积超过Apache的fcgidmaxrequestlen限制，以及后端PHP一次性读取所有切片造成内存溢出。解决方案包括：前端改进FormData和XMLHttpRequest对象的实例化方式，避免数据累积；后端采用SplFileObject等流式处理方式，逐块读取写入文件，降低内存压力。 通过这些改进，即可有效解决大文件上传问题，实现2GB以内文件的稳定上传。 关键词：大文件上传, 视频切片上传, JS, PHP, Apache, FormData, XMLHttpRequest, 流式处理, fcgidmaxrequestlen

JS+PHP+Apache环境下视频切片上传大文件问题的解决方案

本文针对JS+PHP+Apache环境下，视频切片上传超过48MB文件失败的问题，提供详细的分析和解决方案。

问题描述

在采用视频切片上传方案时，设定文件大小上限为2GB，每片1MB，最多2000片。小文件测试正常，但上传较大文件时，在上传约48片后，后续请求返回500错误。即使将切片大小调整为10MB，仍然只能上传4片，无法上传48MB以上文件。

代码分析及改进

前端JS代码:

原代码中，FormData对象只实例化一次，导致每次上传都累积之前的切片数据，最终超过Apache的fcgidmaxrequestlen限制。

改进方案: 将FormData对象的创建移入sendFile函数内部，确保每次发送都使用新的对象。同时，建议也重新实例化XMLHttpRequest对象，保证每次请求独立。 此外，setTimeout函数的用法也存在问题，应在完成所有切片上传后清除计时器。

function videoFileUpload() {
    //每片切片1MB
    const LENGTH = 1024 * 1024;
    let start = 0;
    let end = start + LENGTH;
    let blob_num = 1;
    let is_stop = 0;
    let timer; // 声明计时器变量

    this.start = () => {
        const file = files.files[0];
        uploadSlice(file);
    };

    this.stop = () => {
        is_stop = 1;
        clearTimeout(timer); // 清除计时器
    };

    const uploadSlice = (file) => {
        if (is_stop || start >= file.size) return;
        const blob = file.slice(start, end);
        start = end;
        end = start + LENGTH;

        const xhr = new XMLHttpRequest();
        const formData = new FormData();
        const total_blob_num = Math.ceil(file.size / LENGTH);

        formData.append('file', blob);
        formData.append('blob_num', blob_num++);
        formData.append('total_blob_num', total_blob_num);
        formData.append('file_name', file.name);

        xhr.open('POST', '/upload.php', false);
        xhr.onload = () => {
            timer = setTimeout(uploadSlice, 1000, file); // 递归调用上传下一个切片
        };
        xhr.onerror = (error) => {
            console.error("上传失败:", error);
            clearTimeout(timer); // 上传失败，清除计时器
        };
        xhr.send(formData);
    };
}

后端PHP代码:

后端代码中，文件合并时一次性读取所有切片到内存，可能导致内存溢出。建议采用流式处理，逐块读取和写入，避免内存压力。

改进建议: 使用SplFileObject或类似的流式文件处理方式，逐块读取和写入文件，减少内存占用。

总结

通过重新实例化FormData和XMLHttpRequest对象，并采用流式文件处理方式，可以有效解决JS+PHP+Apache环境下大文件上传的问题。 此外，选择可靠的资源进行学习和参考，避免误导性信息。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~