JS+PHP+Apache环境下视频切片上传大文件问题的解决方案
本文针对JS+PHP+Apache环境下，视频切片上传超过48MB文件失败的问题，提供详细的分析和解决方案。
问题描述
在采用视频切片上传方案时，设定文件大小上限为2GB，每片1MB，最多2000片。小文件测试正常，但上传较大文件时，在上传约48片后，后续请求返回500错误。即使将切片大小调整为10MB，仍然只能上传4片，无法上传48MB以上文件。
代码分析及改进
前端JS代码:
原代码中，FormData对象只实例化一次，导致每次上传都累积之前的切片数据，最终超过Apache的fcgidmaxrequestlen限制。
立即学习“PHP免费学习笔记（深入）”；
改进方案: 将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环境下大文件上传的问题。 此外，选择可靠的资源进行学习和参考，避免误导性信息。
