为什么使用js、php和apache进行视频切片上传时无法上传48MB以上文件?如何解决这个问题?(上传.切片.解决这个问题.文件.视频...)
使用JavaScript、PHP和Apache进行视频切片上传时,遇到48MB以上文件上传失败,并返回500错误码的问题,通常是由于服务器配置或前端代码逻辑错误导致的。本文分析问题根源并提供解决方案。
问题描述在小型项目中,基于JavaScript、PHP和Apache的视频切片上传功能在处理超过48MB的文件时,服务器返回500错误,导致上传失败。调整切片大小和服务器配置后问题依然存在。
问题原因分析经排查,问题主要源于前端JavaScript代码处理FormData对象的方式存在缺陷。代码中FormData对象仅初始化一次,后续每次切片上传都在同一个FormData对象上追加数据。这导致每次请求都包含所有切片数据,请求体大小迅速膨胀,超过Apache的fcgidmaxrequestlen限制,最终触发500错误。
解决方案 前端JavaScript代码优化关键在于每次发送请求前都创建一个新的FormData对象和XMLHttpRequest对象。修改后的代码示例如下:
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以上文件上传失败的问题。
以上就是为什么使用js、php和apache进行视频切片上传时无法上传48MB以上文件?如何解决这个问题?的详细内容,更多请关注知识资源分享宝库其它相关文章!