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

PHP断点续传大附件时进度条怎么设计？

news 2026/3/27 1:50:19

PHP程序员的地狱级文件上传系统开发日记

甲方需求：用100块造航天飞机

作为一个被生活按在地上摩擦的PHP老码农，最近接了个让我怀疑人生的项目：

// 甲方需求清单$requirements=['文件传输'=>'20G文件夹(含1000+文件)','加密要求'=>'传输SM4/AES+存储加密','断点续传'=>'断电断网不能丢进度','兼容性'=>'从IE8到现代浏览器全家桶','预算'=>'100块(连服务器盒饭钱都不够)','服务'=>'7*24小时免费技术支持+源码+部署','附加'=>'要文档要教程要手把手教客户'];// 我的心理活动if($budget<$requirements['难度系数']){thrownewException('现在跑路还来得及吗？');}

技术选型：用爱发电

前端方案 - 在2023年伺候IE8

// 看到IE8兼容要求时的反应functioncheckIE8Compatible(){if(navigator.userAgent.indexOf('MSIE 8.0')>-1){alert('建议您：\n1.升级浏览器\n2.升级电脑\n3.升级甲方');// 但还得含泪兼容document.write('欢迎来到2010年');}}// 文件夹上传核心逻辑 - 用原生JS重造轮子functionuploadFolder(folder){constfiles=folder.files;// 天真！IE8压根不支持这个// 于是有了下面的兼容代码...if(typeoffiles==='undefined'){alert('您的浏览器太古董，建议用U盘传文件');return;}// 遍历文件夹结构 - IE8需要ActiveX辅助for(leti=0;i<files.length;i++){constfile=files[i];constpath=file.webkitRelativePath||'未知路径';// 分片上传逻辑...}}

后端PHP方案 - 100块的艺术

// 大文件上传处理classUploadHandler{publicfunctionhandle(){// 预算检查if($this->budget<=100){header('Content-Type: application/json');die(json_encode(['error'=>'预算不足，功能缩水']));}// 接收文件$file=$_FILES['file'];$tmpName=$file['tmp_name'];// 检查磁盘空间 - 20G啊大哥！$freeSpace=disk_free_space("/");if($freeSpace<20*1024*1024*1024){thrownewException('磁盘空间不足，建议甲方加钱买硬盘');}// 加密存储 - 预算只够base64$encryptedContent=base64_encode(file_get_contents($tmpName));file_put_contents('/uploads/'.$file['name'].'.enc',$encryptedContent);// 记录进度到MySQL$pdo=newPDO('mysql:host=localhost;dbname=upload','root','');$stmt=$pdo->prepare("INSERT INTO uploads (...) VALUES (...)");$stmt->execute();}}

完整代码示范（乞丐版）

前端HTML+JS (兼容IE8)

100块的文件上传系统 // IE8兼容大礼包 if (!Array.prototype.forEach) { Array.prototype.forEach = function(callback) { for (var i = 0; i < this.length; i++) { callback(this[i], i, this); } }; } // 文件夹上传 function handleFolderSelect(e) { var files = e.target.files; if (!files || files.length === 0) return; // 显示文件夹结构 var fileList = document.getElementById('file-list'); fileList.innerHTML = ''; [].forEach.call(files, function(file) { var path = file.webkitRelativePath || file.name; var item = document.createElement('div'); item.textContent = path + ' (' + formatSize(file.size) + ')'; fileList.appendChild(item); }); } function formatSize(bytes) { // 大小格式化兼容代码... } 价值100万的100块上传系统

后端PHP处理

'本系统采用丐版算法']);exit;}// 接收上传文件$files=$_FILES['files']??[];if(empty($files)){echojson_encode(['error'=>'没有检测到文件']);exit;}// 创建上传目录$uploadDir=__DIR__.'/uploads/'.date('Ymd');if(!is_dir($uploadDir)){mkdir($uploadDir,0777,true);}// 处理每个文件$results=[];foreach($files['name']as$i=>$name){$tmpName=$files['tmp_name'][$i];$error=$files['error'][$i];if($error!==UPLOAD_ERR_OK){$results[]=['name'=>$name,'status'=>'failed'];continue;}// 模拟加密 - 真加密太贵了$content=file_get_contents($tmpName);$encrypted=base64_encode($content);// 这就是100块的加密// 保存文件$savePath=$uploadDir.'/'.$name;file_put_contents($savePath,$encrypted);$results[]=['name'=>$name,'status'=>'success'];}echojson_encode(['results'=>$results]);

开发者的自我救赎

IE8兼容心得：

// 检测IE8的优雅方式functionisIE8(){return/*@cc_on!@*/false||document.documentMode===8;}if(isIE8()){// 放弃治疗的代码document.body.innerHTML='请升级浏览器';}

大文件上传技巧：

// 分片上传伪代码functionuploadChunk($chunk){// 检查预算if($this->budget<=0){thrownewException('请甲方续费');}// 每上传1MB扣1块钱$this->budget-=(strlen($chunk)/(1024*1024));// 剩余预算显示echo"当前剩余预算：{$this->budget}元";}

断点续传黑科技：

-- MySQL记录上传进度CREATETABLEIFNOTEXISTSupload_progress(idVARCHAR(255)PRIMARYKEY,progressINTDEFAULT0,last_updateTIMESTAMP,-- 100块预算的表结构cost_remainingDECIMAL(10,2))ENGINE=MyISAM;-- 因为InnoDB太贵了