PHP如何优化视频大文件的断点续传切片处理分享？-编程实验室

【一个大三生的悲喜大文件上传血泪史】

（敲黑板）各位看官且听我道来，这毕业设计简直比追女神还难！导师说要搞个能上传10G文件的系统，还要支持IE8这种上古神器，更要命的是必须用原生JS实现（Vue3？那是啥？能吃吗？）。

前端篇：与WebUploader的相爱相杀

// 经过三天三夜与IE8的搏斗，终于搞出这个兼容性拉满的uploader.jsfunctionCompatibleUploader(){this.chunks=[];this.chunkSize=5*1024*1024;// 5MB分片this.fileMd5='';// 检测浏览器类型（IE8特供版）this.isIE8=function(){return!!window.ActiveXObject&&!document.addEventListener;};// 计算文件MD5（IE8哭晕在厕所）this.calculateMD5=function(file,callback){if(this.isIE8()){// IE8的降级方案：用文件名+大小当伪MD5callback(file.name+'_'+file.size);return;}// 现代浏览器用crypto APIconstreader=newFileReader();reader.onload=(e)=>{constarr=newUint8Array(e.target.result);lethash=0;for(leti=0;i<arr.length;i++){hash=((hash<<5)-hash)+arr[i];hash|=0;}callback('ie8_'+Math.abs(hash).toString(16));};reader.readAsArrayBuffer(file.slice(0,1024*1024));// 只读前1MB};// 分片上传（IE8兼容版）this.uploadChunk=function(file,chunkIndex,totalChunks){conststart=chunkIndex*this.chunkSize;constend=Math.min(file.size,start+this.chunkSize);constblob=file.slice(start,end);constformData=newFormData();formData.append('file',blob);formData.append('chunkIndex',chunkIndex);formData.append('totalChunks',totalChunks);formData.append('md5',this.fileMd5);constxhr=newXMLHttpRequest();xhr.open('POST','/api/upload',true);xhr.onreadystatechange=function(){if(xhr.readyState===4){if(xhr.status===200){// 保存进度到localStorage（IE8用userData替代）constprogressKey='upload_progress_'+this.fileMd5;constprogressData={chunkIndex:chunkIndex,totalChunks:totalChunks};if(this.isIE8()){// IE8的降级存储方案（实际项目请用cookie或flash）document.cookie=progressKey+'='+encodeURIComponent(JSON.stringify(progressData))+'; expires=Fri, 31 Dec 9999 23:59:59 GMT';}else{localStorage.setItem(progressKey,JSON.stringify(progressData));}}}}.bind(this);xhr.send(formData);};}

后端篇：PHP与OSS的虐恋

// upload.php - 这个文件让我掉了好多头发header('Content-Type: application/json');// 配置信息（实际项目请用.env）$ossConfig=['accessKeyId'=>'your_access_key','accessKeySecret'=>'your_secret_key','endpoint'=>'oss-cn-hangzhou.aliyuncs.com','bucket'=>'your-bucket'];// 初始化OSS客户端（简化版）functioninitOssClient($config){// 实际项目请用官方SDK// 这里用伪代码表示（IE8兼容的PHP5.2写法）return(object)['putObject'=>function($bucket,$object,$file)use($config){// 模拟OSS上传（实际要调用阿里云SDK）file_put_contents("/tmp/oss_simulator/$object",file_get_contents($file));returntrue;}];}// 处理分片上传$chunkIndex=$_POST['chunkIndex']??0;$totalChunks=$_POST['totalChunks']??1;$md5=$_POST['md5']??'';$tempDir="/tmp/uploads/$md5";// 创建临时目录if(!file_exists($tempDir)){mkdir($tempDir,0777,true);}// 保存分片$chunkPath="$tempDir/chunk_$chunkIndex";move_uploaded_file($_FILES['file']['tmp_name'],$chunkPath);// 如果是最后一个分片，合并文件if($chunkIndex==$totalChunks-1){$finalPath="$tempDir/final_file";$ossObject="uploads/".uniqid().'_'.basename($_FILES['file']['name']);// 合并分片（IE8兼容的合并方式）$fp=fopen($finalPath,'wb');for($i=0;$i<$totalChunks;$i++){$chunkContent=file_get_contents("$tempDir/chunk_$i");fwrite($fp,$chunkContent);}fclose($fp);// 上传到OSS$ossClient=initOssClient($ossConfig);if($ossClient->putObject($ossConfig['bucket'],$ossObject,$finalPath)){// 清理临时文件array_map('unlink',glob("$tempDir/*"));rmdir($tempDir);echojson_encode(['success'=>true,'ossUrl'=>$ossObject]);}else{echojson_encode(['success'=>false,'error'=>'OSS上传失败']);}exit;}echojson_encode(['success'=>true]);

血泪经验总结：

IE8兼容性：
- 用ActiveXObject替代现代API
- 降级方案：文件名+大小当伪MD5
- 存储用cookie替代localStorage
断点续传：
- 前端用localStorage/cookie保存进度
- 后端用临时目录存储已上传分片
- 合并时检查分片完整性

文件夹上传：

前端递归读取文件夹内容
后端维护目录结构映射表
用JSON保存层级关系（示例）：

{"name":"root","type":"dir","children":[{"name":"subfolder","type":"dir","children":[...]},{"name":"file.txt","type":"file","md5":"abc123"}]}

加密传输：

前端用CryptoJS加密（IE8用自定义算法）
后端解密后处理
示例加密函数：

// IE8兼容的简单加密functionsimpleEncrypt(str){if(isIE8()){returnstr.split('').reverse().join('');// 反序当加密}// 现代浏览器用CryptoJSreturnCryptoJS.AES.encrypt(str,'secret_key').toString();}

求职彩蛋：

正在疯狂投递简历中，求各位大佬内推！擅长：

挖漏洞（自己系统的那种）
写兼容IE8的代码（头发还在）
和产品经理打架（物理）

QQ群：374992201（进群抢红包，推荐项目拿提成，说不定还能找到工作！）

（PS：导师说这个系统要是能跑起来，直接给优秀毕业设计，兄弟们靠你们了！）

安装环境

PHP:7.2.14

调整块大小

NOSQL

NOSQL不需要任何配置，可以直接访问测试

SQL

创建数据库

您可以直接复制脚本进行创建

配置数据库连接

安装依赖

访问页面进行测试

数据表中的数据

效果预览

文件上传

文件刷新续传

支持离线保存文件进度，在关闭浏览器，刷新浏览器后进行不丢失，仍然能够继续上传

文件夹上传

支持上传文件夹并保留层级结构，同样支持进度信息离线保存，刷新页面，关闭页面，重启系统不丢失上传进度。

免费下载示例

点击下载完整示例

PHP如何优化视频大文件的断点续传切片处理分享？