当前位置:首页 > 文章列表 > 文章 > php教程 > input:JS、PHP和Apache视频切片上传48MB以上文件解决方案

input:JS、PHP和Apache视频切片上传48MB以上文件解决方案

2025-04-09 15:32:23 0浏览 收藏

本文提供了一种解决使用JS、PHP和Apache上传超过48MB视频文件问题的方案。该方案的核心在于采用分片上传技术,将大文件分割成小块上传,并通过调整PHP的`php.ini`文件(`upload_max_filesize`、`post_max_size`、`max_execution_time`参数)和Apache的`httpd.conf`文件(`LimitRequestBody`参数)来提升上传限制。 此外,文章还重点指出并修正了客户端JavaScript代码中FormData对象重复使用导致的错误,从而有效避免数据累积,最终实现稳定可靠的大文件视频上传。 此方案适用于需要处理大视频文件上传的项目,有效提升了系统性能和稳定性。

使用JS、PHP和Apache进行视频切片上传时,如何解决无法上传48MB以上文件的问题?

突破48MB限制:JS、PHP和Apache视频切片上传解决方案

在小型项目开发中,处理大文件上传常常会遇到挑战。本文将分享一个实际案例:使用JavaScript、PHP和Apache进行视频切片上传时,如何克服48MB文件大小限制的问题。

问题:48MB上传瓶颈

项目中采用切片上传方案,理论上支持2GB文件,每片1MB,最多2000片。然而,实际测试中,上传超过48MB(约48片)后,后续请求返回500错误。即使调整切片大小为10MB,问题依然存在。

代码分析与改进

JavaScript代码:

原代码中,FormData对象仅初始化一次,导致每次请求都携带所有已上传切片数据,最终超过Apache的fcgidmaxrequestlen限制。

改进后的JavaScript代码如下,关键在于每次发送请求前重新实例化FormData对象:

function videoFileUpload() {
    const LENGTH = 1024 * 1024; // 1MB
    let start = 0;
    let end = start + LENGTH;
    let blob_num = 1;
    let is_stop = 0;

    this.start = function () {
        const file = files.files[0];
        const blob = cutFile(file);
        sendFile(blob, file);
        blob_num++;
    }

    // ... (其余代码保持不变) ...

    function sendFile(blob, file) {
        if (is_stop === 0) {
            const xhr = new XMLHttpRequest();
            const form_data = new FormData(); // 关键:每次重新实例化FormData

            const total_blob_num = Math.ceil(file.size / LENGTH);
            form_data.append('file', blob);
            form_data.append('blob_num', blob_num);
            form_data.append('total_blob_num', total_blob_num);
            form_data.append('file_name', file.name);

            xhr.open('POST', '/upload.php', false);
            // ... (其余代码保持不变) ...
        }
    }

    // ... (其余代码保持不变) ...
}

PHP代码:

PHP代码中的文件合并逻辑也可能存在内存效率问题。对于超大文件,建议采用流式处理,避免一次性将所有切片读入内存。 (此处省略PHP代码,因为原代码未提供明显的内存泄露或效率问题,改进重点在JS端)

解决方案总结

问题的核心在于JavaScript代码中FormData对象的重复使用。通过每次请求前重新实例化FormData对象,避免了数据累积,从而解决了48MB上传限制。 对于PHP端,如果处理大文件时出现内存问题,则需要进一步优化文件合并逻辑,采用流式处理方式。 此改进方案有效解决了大文件上传问题,确保了视频切片上传的稳定性和可靠性。

以上就是《input:JS、PHP和Apache视频切片上传48MB以上文件解决方案》的详细内容,更多关于的资料请关注golang学习网公众号!

mount命令挂载权限问题解决秘籍mount命令挂载权限问题解决秘籍
上一篇
mount命令挂载权限问题解决秘籍
奕斯伟晶圆外延生长基座装置专利震撼发布
下一篇
奕斯伟晶圆外延生长基座装置专利震撼发布
查看更多
最新文章
查看更多
课程推荐
  • 前端进阶之JavaScript设计模式
    前端进阶之JavaScript设计模式
    设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
    542次学习
  • GO语言核心编程课程
    GO语言核心编程课程
    本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
    511次学习
  • 简单聊聊mysql8与网络通信
    简单聊聊mysql8与网络通信
    如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
    498次学习
  • JavaScript正则表达式基础与实战
    JavaScript正则表达式基础与实战
    在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
    487次学习
  • 从零制作响应式网站—Grid布局
    从零制作响应式网站—Grid布局
    本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
    484次学习
查看更多
AI推荐
  • 千音漫语:智能声音创作助手,AI配音、音视频翻译一站搞定!
    千音漫语
    千音漫语,北京熠声科技倾力打造的智能声音创作助手,提供AI配音、音视频翻译、语音识别、声音克隆等强大功能,助力有声书制作、视频创作、教育培训等领域,官网:https://qianyin123.com
    146次使用
  • MiniWork:智能高效AI工具平台,一站式工作学习效率解决方案
    MiniWork
    MiniWork是一款智能高效的AI工具平台,专为提升工作与学习效率而设计。整合文本处理、图像生成、营销策划及运营管理等多元AI工具,提供精准智能解决方案,让复杂工作简单高效。
    140次使用
  • NoCode (nocode.cn):零代码构建应用、网站、管理系统,降低开发门槛
    NoCode
    NoCode (nocode.cn)是领先的无代码开发平台,通过拖放、AI对话等简单操作,助您快速创建各类应用、网站与管理系统。无需编程知识,轻松实现个人生活、商业经营、企业管理多场景需求,大幅降低开发门槛,高效低成本。
    156次使用
  • 达医智影:阿里巴巴达摩院医疗AI影像早筛平台,CT一扫多筛癌症急慢病
    达医智影
    达医智影,阿里巴巴达摩院医疗AI创新力作。全球率先利用平扫CT实现“一扫多筛”,仅一次CT扫描即可高效识别多种癌症、急症及慢病,为疾病早期发现提供智能、精准的AI影像早筛解决方案。
    149次使用
  • 智慧芽Eureka:更懂技术创新的AI Agent平台,助力研发效率飞跃
    智慧芽Eureka
    智慧芽Eureka,专为技术创新打造的AI Agent平台。深度理解专利、研发、生物医药、材料、科创等复杂场景,通过专家级AI Agent精准执行任务,智能化工作流解放70%生产力,让您专注核心创新。
    156次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码