
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环境下大文件上传的问题。 此外,选择可靠的资源进行学习和参考,避免误导性信息。
以上就是如何解决JS + PHP + Apache环境下无法上传48MB以上文件的问题?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1255726.html
微信扫一扫
支付宝扫一扫