当前位置：首页 > 文章列表 > 文章 > php教程 > 如何解决JS、PHP、Apache上传大视频问题？

如何解决JS、PHP、Apache上传大视频问题？

2025-03-19 17:03:32 0浏览收藏

JS、PHP和Apache环境下上传大于48MB视频失败？本文针对使用JavaScript、PHP和Apache进行视频切片上传时，48MB以上文件上传失败（返回500错误）的问题，深入分析了原因，并提供了解决方案。主要问题在于前端FormData对象重复使用导致请求体过大，以及Apache服务器配置限制（`LimitRequestBody`、`upload_max_filesize`、`post_max_size`和`fcgidmaxrequestlen`）。解决方案包括：优化前端JavaScript代码，每次上传创建新的FormData对象；优化PHP后端代码，分批读取文件内容合并；调整Apache服务器配置，提高文件上传大小限制。通过这些方法，可以有效解决大文件视频上传失败的问题。

为什么使用js、php和apache进行视频切片上传时无法上传48MB以上文件？如何解决这个问题？

JS、PHP和Apache环境下大文件视频切片上传失败的解决方法

使用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);
    }
}