当前位置：首页 > news >正文

PHP网页中如何编写支持文件夹上传的大文件示例？

news 2026/5/12 19:08:42

2023年10月25日星期三多云转晴
毕业设计攻坚日记 - 大文件管理系统Day1

需求分析与技术选型

今天正式启动文件管理系统的毕业设计。核心需求很明确：

大文件传输：10G文件需分片上传，需兼容IE8（地狱级难度）
加密：传输层TLS+存储层AES-256双重加密
断点续传：浏览器关闭后进度不丢失（IndexedDB+LocalStorage降级方案）
文件夹结构：递归读取+路径映射表

技术组合：

前端：Vue3 CLI + WebUploader（兼容H5 fallback）
后端：PHP分片合并 + OSS直传签名
数据库：MySQL记录文件元信息

关键代码片段

前端：分片上传逻辑（WebUploader + IndexedDB）

// WebUploader初始化（兼容IE8）constuploader=WebUploader.create({server:'/api/upload_chunk.php',fileSizeLimit:10*1024*1024*1024,// 10GBchunkSize:5*1024*1024,// 5MB分片duplicate:true,disableGlobalDnd:true,// IE8必须prepareNextFile:true});// 断点信息存储（优先IndexedDB）functionsaveProgress(fileId,chunks){if('indexedDB'inwindow){constdbRequest=indexedDB.open('UploadDB',1);dbRequest.onsuccess=(e)=>{constdb=e.target.result;consttx=db.transaction('progress','readwrite');tx.objectStore('progress').put({fileId,chunks});};}else{localStorage.setItem(`upload_${fileId}`,JSON.stringify(chunks));}}

后端：PHP分片合并（OSS直传优化）

// upload_chunk.php$fileId=$_POST['fileId'];$chunkIndex=$_POST['chunkIndex'];$totalChunks=$_POST['totalChunks'];// 加密分片存储（AES-256-CBC）$encryptedChunk=openssl_encrypt(file_get_contents($_FILES['file']['tmp_name']),'aes-256-cbc','your_encryption_key',0,'initialization_vector');file_put_contents("/tmp/{$fileId}_{$chunkIndex}.part",$encryptedChunk);// 判断是否合并if($chunkIndex==$totalChunks-1){$ossClient=newOSS\OssClient(/* OSS配置 */);$finalPath="/user_uploads/{$fileId}.dat";// 合并所有分片for($i=0;$i<$totalChunks;$i++){$chunkData=file_get_contents("/tmp/{$fileId}_{$i}.part");file_put_contents("/tmp/{$fileId}_final",$chunkData,FILE_APPEND);}// 上传至OSS$ossClient->uploadFile('your-bucket',$finalPath,"/tmp/{$fileId}_final");echojson_encode(['status'=>'success']);}

今日踩坑记录

IE8兼容性问题：
- WebUploader的Flash模式需要手动部署swf文件
- 解决方案：在public目录放置webuploader.flash.swf并配置swf: '/static/webuploader.flash.swf'
文件夹结构递归：
- 使用webkitRelativePath属性获取相对路径（非IE浏览器）
- IE8需通过``的替代方案（已放弃，改用Zip预处理）