2023年XX月XX日 | 一个菜鸟程序员的“秃头”日记 今日份的崩溃与突破早上8点对着镜子默念三遍——“我能搞定10G文件上传”然后发现IE8连console.log都报错…上午10点试图用WebUploader征服IE8结果它用古老的ActiveX对我发起灵魂拷问。 于是怒写300行polyfill现在我的代码像极了缝合怪。下午3点测试文件夹上传时惊喜地发现龙芯浏览器把读成了“未定义外星语”… 果断祭出递归遍历File API的祖传秘方 技术宅的快乐代码片段前端Vue3里混搭原生JS的骚操作// 文件切片加密附赠中二注释版functionsliceAndEncrypt(file,key我爱山东大馒头){constchunkSize5*1024*1024;// 5MB一片吃多了怕噎着letchunks[];for(leti0;ifile.size;ichunkSize){constchunkfile.slice(i,ichunkSize);constencryptedChunkXOREncrypt(chunk,key);// 自制加密别问问就是Base64改chunks.push({index:i,hash:md5(chunk_${i}_${file.name}_${Date.now()}),// 给切片起个霸气的名字data:encryptedChunk});}returnchunks;}// IE8专属感动代码if(navigator.userAgent.indexOf(MSIE 8)-1){document.write(\/script);console.log(尊敬的IE8用户您正在体验考古级编程...);}后端PHP接收切片时顺便讲个段子?php// 文件合并接口带防呆设计functionmergeFiles($fileName,$totalChunks){$outputPath/uploads/merge_.$fileName;for($i0;$i$totalChunks;$i){$chunkPath/uploads/chunk_.$i._.$fileName;if(!file_exists($chunkPath)){die(json_encode([error第{$i}片丢了是不是被猫吃了]));}file_put_contents($outputPath,file_get_contents($chunkPath),FILE_APPEND);}return[successtrue,path$outputPath];}? 求援与求职的呐喊技术求救哪位大佬能救救我的国产浏览器适配QQ群374992201请备注“文件上传拯救者”求职广告本人擅长用console.log调试IE8被迫技能在Vue里写jQuery风格代码老板说这叫全栈用表情包注释代码提高团队士气求山东或远程开发岗 明日计划让断点续传支持“半夜断电续传”功能localStorage IndexDB双备份给加密算法起个霸气的名字比如“山东大葱加密法”祈祷答辩时老师的电脑别装IE8PS欢迎推荐工作薪资要求——够买防脱发洗发水就行 代码仅供娱乐实际开发记得删掉中二注释哦设置框架安装.NET Framework 4.7.2https://dotnet.microsoft.com/en-us/download/dotnet-framework/net472框架选择4.7.2添加3rd引用编译项目NOSQLNOSQL无需任何配置可直接访问页面进行测试SQL使用IIS大文件上传测试推荐使用IIS以获取更高性能。使用IIS Express小文件上传测试可以使用IIS Express创建数据库配置数据库连接信息检查数据库配置访问页面进行测试相关参考文件保存位置效果预览文件上传文件刷新续传支持离线保存文件进度在关闭浏览器刷新浏览器后进行不丢失仍然能够继续上传文件夹上传支持上传文件夹并保留层级结构同样支持进度信息离线保存刷新页面关闭页面重启系统不丢失上传进度。批量下载支持文件批量下载下载续传文件下载支持离线保存进度信息刷新页面关闭页面重启系统均不会丢失进度信息。文件夹下载支持下载文件夹并保留层级结构不打包不占用服务器资源。下载完整示例下载完整示例