news 2026/6/10 19:09:08

使用c#.net框架如何实现网页上的文件夹选择并上传?

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
使用c#.net框架如何实现网页上的文件夹选择并上传?

2023年XX月XX日 外包项目攻坚日志 - 20G级文件传输系统开发实录
(关键词:信创环境兼容/海量文件存储/企业级断点续传/简历镀金项目)


凌晨3点:需求风暴会议复盘

客户作为省级档案数字化服务商,提出的变态需求:

  1. 日均处理2000+个嵌套文件夹(最深8层目录)
  2. IE8必须支持(某政务系统强制要求)
  3. 断点续传需抵抗Windows强制更新重启(真实发生过)

突发状况:测试发现Edge的PWA模式在Linux下会吞掉超过15MB的localStorage


技术核弹设计方案

20GB文件传输

分片策略

结构保持

动态分片算法

虚拟文件系统

网络质量感知

目录树快照

4G/5G自动切换


地狱级兼容代码片段

1. IE8文件夹选择黑魔法
// 使用Flash+JS混合方案functioninitIEFileSelect(){constflashVars={allowedExtensions:"*.jpg;*.pdf",maxTotalSize:21474836480// 20GB};returnnewActiveXObject('SWCtl.Uploader').init(flashVars,function(files){// 模拟webkitRelativePathfiles.forEach(f=>f.__path__=f.flashPath.split('\\').slice(0,-1).join('/'));returnpseudoFolderTree(files);});}
2. 跨平台断点续传存储
// C# 混合持久化方案publicclassUploadTracker{[SqlColumn(IsPrimaryKey=true)]publicstringSessionId{get;set;}[SqlColumn(TypeName="nvarchar(MAX)")]publicstringChunkMapJson{get;set;}[SqlColumn(IsRowVersion=true)]publicbyte[]RowVersion{get;set;}publicvoidSaveState(){// 三级存储:内存 -> SQL Server -> OSS元数据varstate=new{BrowserStorage=HttpContext.Current.Request.Cookies["X-Upload-State"],SqlBackup=JsonConvert.SerializeObject(this),OSSSnapshot=GenerateOSSMetadata()};File.WriteAllText($@"{Env.TempPath}\{SessionId}.upload",state.ToString(),Encoding.Unicode);}}
3. 虚拟文件系统还原(Vue3+ASP.NET)
// 前端结构序列化functionserializeFolder(folder){consttree={};for(constentryoffolder.values()){if(entry.isDirectory){tree[entry.name]=serializeFolder(entry);}else{tree[entry.name]=newBlob([entry],{type:entry.type});}}return{__type:'VirtualDirectory',data:tree,timestamp:Date.now()};}
// 后端目录重建publicActionResultRebuildDirectory([FromBody]JObjectvirtualDir){varroot=newDirectoryInfo(OSS_MOUNT_POINT);foreach(varnodeinvirtualDir["data"].Children()){if(node["__type"]?.ToString()=="VirtualDirectory"){varsubDir=root.CreateSubdirectory(node.Path);RebuildDirectory(subDir,node);// 递归处理}else{File.WriteAllBytes(Path.Combine(root.FullName,node.Path),Convert.FromBase64String(node.ToString()));}}returnJson(new{success=true});}

浏览器战争生存指南

浏览器致命缺陷邪典解决方案
IE8内存超32MB就崩溃分片加载Flash控制
红莲花拦截Worker线程主线程同步加密
奇安信修改File.type属性文件头魔术字检测
龙芯目录选择器返回乱码GBK手动转UTF-8

性能优化骚操作

  1. SQL Server分片索引策略

    CREATEPARTITIONFUNCTIONUploadRangePF(bigint)ASRANGELEFTFORVALUES(1000000,5000000,20000000);CREATECLUSTEREDINDEXIX_Upload_ChunkONUploads(ChunkId)ONUploadRangePF(FileSize);
  2. OSS并发上传秘技

    // 动态调整并发数(基于网络抖动检测)functioncalcOptimalConcurrency(){constRTT=performance.now()-pingStart;constlossRate=fetch('/network-test').headers.get('X-Packet-Loss');returnMath.min(navigator.hardwareConcurrency*2,Math.floor(1000/RTT)*(1-lossRate));}
  3. 内存泄漏防御方案

    // 在ASP.NET中强制清理COM对象protectedoverridevoidDispose(booldisposing){Marshal.FinalReleaseComObject(ieEngine);GC.Collect(2,GCCollectionMode.Forced);base.Dispose(disposing);}

求职弹药库

  1. 简历技术亮点包装

    • 实现IE8下20GB文件传输(市面上99%方案不超过2GB)
    • 设计政务级文件结构保真方案(已获软著登记)
  2. 作品集演示技巧

    # 自动模拟断网演示脚本while($true){Start-Job-ScriptBlock{netsh interfacesetinterface"以太网"disableStart-Sleep-Seconds(Get-Random-Minimum 3-Maximum 15)netsh interfacesetinterface"以太网"enable}Start-Sleep-Minutes 2}
  3. 技术栈话术设计

    “本项目突破性解决了信创环境下WebRTC的替代方案,采用自主研制的H5伪流媒体传输协议,相比传统FTP效率提升400%…”


血泪经验

  1. 在客户现场调试时,永远带着USB转串口线(某些国企电脑禁用USB传输)
  2. 提前准备好360安全浏览器兼容模式的绿色版(很多单位只准用这个)
  3. 使用``时一定要加webkitdirectory伪属性(龙芯专属bug)

今日成果:成功在IE8上实现8GB断点续传,凌晨接到客户电话要求增加国密算法SM4支持

求职进展:群里某上市公司的CTO看了我的断点续传方案,约了明天面谈(终于可以摆脱外包了)


特别提示:完整技术白皮书和压力测试报告已上传群文件,含SQL Server调优脚本和IE8内存泄漏检测工具。

该项目已被我写入GitHub作为架构师级作品,目前收到3个猎头联系(虽然都是外包公司)

设置框架

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

创建数据库

配置数据库连接信息

检查数据库配置

访问页面进行测试


相关参考:
文件保存位置,

效果预览

文件上传

文件刷新续传

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

文件夹上传

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

下载完整示例

下载完整示例

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/10 12:26:49

YouTube重拳清退“AI垃圾”:累计删除播放量超470亿的低质内容

Android Police 昨日报道,YouTube 平台于近期展开了一次针对低质量 AI 生成内容的清理行动。自去年 11 月以来,该平台已关停或清理了数十个活跃发布“AI 垃圾”内容的频道,其累计播放量超过 47 亿次。 “AI 垃圾”(AI slop&#…

作者头像 李华
网站建设 2026/6/10 12:30:00

第15篇 | 安全审计与日志分析:数字世界的“黑匣子”与“预言家”

《网络安全的攻防启示录》 第二篇章:固守之道 第15篇 “当一次精心策划的网络攻击在深夜悄然发生时,唯一能完整复现这场‘数字悬案’、并指引你找到‘真凶’的,不是某个尖端的防御设备,而是那些沉默记录着一切的日志。” 01 从飞机黑匣子说起:我们为什么需要记录一切? …

作者头像 李华
网站建设 2026/6/10 10:30:30

uniapp微信小程序php python的旅游主题开发app

文章目录开发框架选择核心功能模块数据交互设计性能优化建议安全与合规扩展性考虑系统设计与实现的思路主要技术与实现手段源码lw获取/同行可拿货,招校园代理 :文章底部获取博主联系方式!开发框架选择 Uniapp作为跨平台开发框架,支持微信小程…

作者头像 李华
网站建设 2026/6/10 14:32:16

uniapp微信小程序php python的校园生活服务 跑腿,平台

文章目录 校园生活服务跑腿平台概述技术架构与功能模块平台特色与优势应用场景示例 系统设计与实现的思路主要技术与实现手段源码lw获取/同行可拿货,招校园代理 :文章底部获取博主联系方式! 校园生活服务跑腿平台概述 基于UniApp、微信小程序、PHP和Pyt…

作者头像 李华
网站建设 2026/6/10 19:04:16

2026 年 1 月 30 日 AI + 通信 + 安全前沿信息集成

今日 AI 前沿日报一、综合 AI 前沿速览核心动态SpaceX 与 xAI 合并传闻引爆太空 AI 赛道:马斯克旗下两家公司正洽谈合并,计划打造 "太空 AI 帝国",整合星盾保密通信与 Grok 大模型军事应用能力,目标拿下五角大楼 AI 安全…

作者头像 李华
网站建设 2026/6/10 10:36:53

Vue Transition/TransitionGroup 核心笔记

文章目录 核心作用一、 单元素/组件过渡二、 列表过渡三、默认过渡类名(核心)四、自定义过渡类名(避冲突)五、CSS核心写法六、核心区别(必记) 核心作用 Vue内置无需注册的过渡组件,为元素显隐/…

作者头像 李华