【一个.NET程序员的悲喜交加：前端搞定了，后端求包养！】
各位道友好！俺是山西某个人.NET程序员，刚啃完《C#从入门到住院》，就被客户按头要求搞个20G大文件上传下载系统。现在前端用Vue3+原生JS硬怼出了半成品，但后端还是个大坑啊！求各路神仙带带弟弟，或者收个关门弟子（管饭就行）！
💻 前端魔改代码（Vue3 + 原生JS兼容IE8版）
// FileUploader.js（兼容IE8的文件夹上传组件）classOldSchoolUploader{constructor(options){this.chunks=[];// 分片信息存储this.fileMd5='';// 文件唯一标识this.isIE8=!!window.ActiveXObject||"ActiveXObject"inwindow;// 检测IE8this.isXinChuang=/Lotus|RedLotus|QAX/.test(navigator.userAgent);// 检测国产浏览器// IE8专用XMLHttpRequest封装this.getIE8XHR=()=>{try{returnnewActiveXObject("Msxml2.XMLHTTP");}catch(e){returnnewActiveXObject("Microsoft.XMLHTTP");}};// 计算文件MD5（IE8用文件名+大小当伪MD5）this.calculateMD5=(file,callback)=>{if(this.isIE8){callback(`${file.name}-${file.size}-${Date.now()}`);}else{// 正常MD5计算（此处省略200行crypto-js代码）console.log("正常浏览器MD5计算中...");}};}// 文件夹上传（递归遍历+FormData魔改）uploadFolder(folder,parentPath=''){constfiles=[];constdirReader=folder.createReader();dirReader.readEntries(entries=>{entries.forEach(entry=>{if(entry.isFile){entry.file(file=>{files.push({path:`${parentPath}/${entry.name}`,file});});}else{this.uploadFolder(entry,`${parentPath}/${entry.name}`);}});// 国产浏览器降级处理if(this.isXinChuang){setTimeout(()=>this.processFiles(files),100);}else{Promise.all(files).then(()=>this.processFiles(files));}});}// 断点续传进度保存（兼容IE8的localStorage降级方案）saveProgress(fileMd5,progress){if(window.localStorage){localStorage.setItem(`upload_${fileMd5}`,JSON.stringify(progress));}elseif(document.documentElement.addBehavior){// IE8及以下用userData存储conststorage=document.createElement('div');storage.addBehavior('#default#userData');storage.setAttribute('progress',JSON.stringify(progress));storage.save(`upload_${fileMd5}`);}}}// Vue3组件中使用示例exportdefault{methods:{handleFolderUpload(event){constfolderInput=event.target;if(folderInput.files&&folderInput.files[0]){constfolder=folderInput.files[0].webkitRelativePath?folderInput.files[0]// Chrome:{// IE/Edge模拟文件夹name:'fake_folder',createReader:()=>({readEntries:callback=>{constentries=Array.from(folderInput.files).map(file=>({isFile:true,name:file.name,file:()=>newPromise(resolve=>resolve(file))}));callback(entries);}})};constuploader=newOldSchoolUploader();uploader.uploadFolder(folder);}}}}🎯 血泪经验总结
浏览器兼容性：
- IE8用
ActiveXObject替代fetch - 国产浏览器（如龙芯）需禁用某些现代API
- 文件路径统一用
/避免转义问题
- IE8用
断点续传秘籍：
// 本地存储进度（兼容IE8）constsaveProgress=(fileMd5,progress)=>{if(window.localStorage){localStorage.setItem(`upload_${fileMd5}`,JSON.stringify(progress));}else{// IE8降级方案document.cookie=`upload_${fileMd5}=${encodeURIComponent(JSON.stringify(progress))};path=/`;}};加密传输方案：
- 前端用
CryptoJS加密（需引入polyfill支持IE8） - 后端计划用Python的
cryptography库解密 - 传输走HTTPS（本地用自签名证书）
- 前端用
🙏 江湖救急
现诚征各路大侠：
- 加入QQ群：374992201（进群领1-99元红包，推荐项目拿50%提成！）
- 求后端师傅收留（Python/Java/Go都行，可签卖身契）
- 需要完整项目代码的兄弟，群里每天晚上8点准时发车！
（附：导师说项目要是能过，请群主吃平遥牛肉管够！🐂）
💡 群内福利
- 免费提供IE8兼容性测试工具包
- 每周三晚代码接诊（大佬在线改bug）
- 共享国产浏览器虚拟机环境（龙芯/红莲花/奇安信）
PS：群里还有"从0到1搭建后端"系列教程，包括：
- Python Flask/Django极速入门
- MySQL分片存储方案设计
- CentOS部署全流程手把手教学
（悄悄说：群文件里有《如何让导师感动到哭的答辩技巧》.pdf）🤫
设置框架
安装.NET Framework 4.7.2
https://dotnet.microsoft.com/en-us/download/dotnet-framework/net472
框架选择4.7.2
添加3rd引用
编译项目
NOSQL
NOSQL无需任何配置可直接访问页面进行测试
SQL
使用IIS
大文件上传测试推荐使用IIS以获取更高性能。
使用IIS Express
小文件上传测试可以使用IIS Express
创建数据库
配置数据库连接信息
检查数据库配置
访问页面进行测试
相关参考：
文件保存位置，
效果预览
文件上传
文件刷新续传
支持离线保存文件进度，在关闭浏览器，刷新浏览器后进行不丢失，仍然能够继续上传
文件夹上传
支持上传文件夹并保留层级结构，同样支持进度信息离线保存，刷新页面，关闭页面，重启系统不丢失上传进度。
下载完整示例
下载完整示例
