JS、PHP和Apache环境下大文件视频切片上传失败的解决方法
使用JavaScript、PHP和Apache进行视频切片上传时，遇到48MB以上文件上传失败，并返回500错误码的问题，通常是由于服务器配置或前端代码逻辑错误导致的。本文分析问题根源并提供解决方案。
问题描述
在小型项目中，基于JavaScript、PHP和Apache的视频切片上传功能在处理超过48MB的文件时，服务器返回500错误，导致上传失败。调整切片大小和服务器配置后问题依然存在。
问题原因分析
经排查，问题主要源于前端JavaScript代码处理FormData对象的方式存在缺陷。代码中FormData对象仅初始化一次，后续每次切片上传都在同一个FormData对象上追加数据。这导致每次请求都包含所有切片数据，请求体大小迅速膨胀，超过Apache的fcgidmaxrequestlen限制，最终触发500错误。
解决方案
前端JavaScript代码优化
关键在于每次发送请求前都创建一个新的FormData对象和XMLHttpRequest对象。修改后的代码示例如下：
立即学习“PHP免费学习笔记（深入）”；
function videoFileUpload() {
const CHUNK_SIZE = 1024 * 1024; // 1MB
let start = 0;
let end = start + CHUNK_SIZE;
let blob;
let blobNum = 1;
let isStop = false;
this.start = function() {
const file = files.files[0];
blob = cutFile(file);
sendFile(blob, file);
blobNum++;
};
this.stop = function() {
isStop = true;
};
function cutFile(file) {
const fileBlob = file.slice(start, end);
start = end;
end = start + CHUNK_SIZE;
return fileBlob;
};
function sendFile(blob, file) {
if (isStop) return;
const xhr = new XMLHttpRequest();
const formData = new FormData(); // 新建FormData对象
const totalBlobNum = Math.ceil(file.size / CHUNK_SIZE);
formData.append('file', blob);
formData.append('blobNum', blobNum);
formData.append('totalBlobNum', totalBlobNum);
formData.append('fileName', file.name);
xhr.open('POST', '/upload.php', true); // 使用异步请求
xhr.upload.onprogress = function(e) {
// 上传进度处理
};
xhr.onload = function() {
if (xhr.status === 200) {
// 上传成功，继续上传下一片
if (blobNum <= totalBlobNum && !isStop) {
blob = cutFile(file);
sendFile(blob, file);
blobNum++;
}
} else {
// 上传失败处理
}
};
xhr.onerror = function() {
// 上传错误处理
};
xhr.send(formData);
}
}
PHP后端代码优化
PHP代码中，如果文件合并操作直接读取整个文件，可能会导致内存溢出。建议分批读取文件内容进行合并，避免一次性加载所有切片数据到内存。
其他建议
- 检查Apache的
php_value upload_max_filesize和post_max_size设置，确保其值大于48MB。 - 检查Apache的
fcgidmaxrequestlen设置，将其值设置为一个足够大的数值。 - 考虑使用更健壮的上传库，例如
Flysystem。
通过以上调整，前端代码能够正确处理FormData对象，避免请求体过大，后端代码优化则能防止内存溢出。 确保Apache配置允许上传大文件，即可解决48MB以上文件上传失败的问题。
