久久精品这里热有精品,66精品综合久久久久久久,亚洲精品无码成人片久久

為什么使用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對象。修改后的代碼示例如下：

立即學習“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);     } }