企业官网建设流程全解析

一个卑微.NET程序员的大文件上传历险记

大家好，我就是那个被要求用100块预算搞定20G文件上传、兼容IE8还要7x24小时免费支持的倒霉蛋。让我们一起来看看这个"合理"需求要怎么实现吧！

需求清单的快乐解读

1. 20G大文件上传：因为我们的用户都是拍4K电影的导演，硬盘里存满了未压缩的原始素材
2. 兼容IE8：因为我们的用户还在用Windows XP怀旧版，怀念那个蓝屏的美好年代
3. 100元预算：因为老板说"就当交个朋友"，而我已经有很多这样的"朋友"了
4. 7x24免费支持：因为客户觉得程序员都是不用睡觉的机器人

技术选型的幽默现实

// 当我在IE8上尝试现代JS时的表情if(/*@cc_on !@*/false){alert("亲爱的IE8用户，建议您：\n1.升级浏览器\n2.换个电脑\n3.换个供应商");}

文件夹上传的魔幻实现

要在IE8实现文件夹上传，我们需要穿越回2010年的技术：

// 假装这是IE8兼容的文件夹上传代码functionuploadFolderInIE8(){varmagic="请用户手动选择文件夹内所有文件";varmoreMagic="然后祈祷文件顺序不乱";returnmagic+moreMagic;}

后端处理的大心脏

// ASP.NET 处理20G文件上传的优雅方式protectedvoidPage_Load(objectsender,EventArgse){try{// 第一步：祈祷服务器硬盘有足够空间PrayForDiskSpace();// 第二步：假装我们处理得了20G文件if(Request.Files.Count>0){varfile=Request.Files[0];if(file.ContentLength>2147483648){// 2GBResponse.Write("{\"error\":\"请升级到我们的企业版，仅需99999元\"}");return;}// 实际处理代码...}}catch(OutOfMemoryException){Response.Write("{\"error\":\"服务器内存已升天\"}");}}

断点续传的童话故事

// 前端断点续传逻辑functionresumeUpload(){if(typeoflocalStorage==='undefined'){alert("IE8用户请记住自己传到哪里了");return;}// 现代浏览器可以存储上传进度localStorage.setItem('uploadProgress','0.001%');}

现实建议（认真脸）

虽然上面的代码充满了程序员的黑色幽默，但现实中这样的需求确实很难用100元预算实现。以下是一些正经建议：

1. 分片上传：将大文件分割成小块上传
2. Web Workers：使用后台线程处理上传（IE10+）
3. IndexedDB：存储上传状态（还是IE10+）
4. 劝客户加预算：或者降低需求

加入我们的接单群（广告时间）

如果你也经常遇到这种"合理"需求，欢迎加入我们的"程序员心理健康互助群"（QQ群：374992201）。在这里你可以：

• 吐槽奇葩客户
• 分享降压良方
• 偶尔接点正经项目

记住我们的口号：“代码可以乱，心态不能崩！”

最后，关于那个100元预算的项目 - 我建议你告诉客户，100块连给IE8买束花告别都不够，是时候让它安息了。😇

设置框架

安装.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

创建数据库

配置数据库连接信息

检查数据库配置

访问页面进行测试

相关参考：
文件保存位置，

效果预览

文件上传

文件刷新续传

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

文件夹上传

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

下载完整示例

下载完整示例