建设网站的五个步骤是佛山网站建设天博

建设网站的五个步骤是,佛山网站建设天博,wordpress邮件列表,为什么asp.net做的网站上传后不显示照片开发者日记#xff1a;大文件传输系统开发历程 2023年11月15日 多云转晴 今天接手了一个颇具挑战性的外包项目 - 基于浏览器的超大文件传输系统。客户要求异常严格#xff0c;必须支持20G文件的断点续传#xff0c;还要兼容IE8这种古董浏览器。作为一名在安徽…开发者日记大文件传输系统开发历程2023年11月15日 多云转晴今天接手了一个颇具挑战性的外包项目 - 基于浏览器的超大文件传输系统。客户要求异常严格必须支持20G文件的断点续传还要兼容IE8这种古董浏览器。作为一名在安徽独立打拼的开发者这既是一次机会也是一次考验。技术方案分析经过一整天的调研我确定了以下技术路线前端方案由于需要兼容IE8Vue3只能作为渐进增强方案核心功能必须使用原生JS实现。文件夹结构保留将通过webkitdirectory属性配合自定义目录结构算法实现。加密方案采用国密SM4为主AES-256为辅的混合加密策略。SM4更适合国内环境而AES则提供更广泛的兼容性。断点续传需要在客户端存储分片信息使用IndexedDBlocalStorage的降级方案确保IE8也能工作。后端存储阿里云OSS直接存储加密后的文件数据库只记录元数据和分片信息。部分核心代码实现前端文件选择处理 (原生JS)// 文件选择处理器 - 兼容IE8和其他现代浏览器functionhandleFileSelect(event){constfilesevent.target.files;constitemsevent.dataTransfer?event.dataTransfer.items:null;// 处理文件夹上传if(itemsitems[0].webkitGetAsEntry){processDirectoryEntries(items);}else{// 普通文件处理processFiles(files);}}// 递归处理目录结构functionprocessDirectoryEntries(items){for(leti0;iitems.length;i){constentryitems[i].webkitGetAsEntry();if(entry.isFile){entry.file(file{file.fullPathentry.fullPath||file.name;addFileToQueue(file);});}elseif(entry.isDirectory){constdirReaderentry.createReader();dirReader.readEntries(entries{processDirectoryEntries(entries);});}}}后端分片上传接口 (ASP.NET Core)[ApiController][Route(api/upload)]publicclassUploadController:ControllerBase{privatereadonlyIUploadService_uploadService;publicUploadController(IUploadServiceuploadService){_uploadServiceuploadService;}[HttpPost(chunk)]publicasyncTaskUploadChunk([FromForm]ChunkUploadRequestrequest){try{varresultawait_uploadService.ProcessChunkAsync(request);returnOk(result);}catch(Exceptionex){returnStatusCode(500,new{errorex.Message});}}}publicclassChunkUploadRequest{publicstringFileId{get;set;}publicintChunkNumber{get;set;}publicintTotalChunks{get;set;}publicstringFileName{get;set;}publicstringRelativePath{get;set;}// 保留文件夹结构publicIFormFileFile{get;set;}publicstringHash{get;set;}}加密工具类 (SM4实现)publicstaticclassSM4Util{privatestaticreadonlyEncodingEncodingEncoding.UTF8;publicstaticstringEncrypt(stringplainText,stringkey){varsm4newSM4();varencryptedsm4.EncryptECB(Encoding.GetBytes(plainText),Encoding.GetBytes(key));returnConvert.ToBase64String(encrypted);}publicstaticstringDecrypt(stringcipherText,stringkey){varsm4newSM4();vardecryptedsm4.DecryptECB(Convert.FromBase64String(cipherText),Encoding.GetBytes(key));returnEncoding.GetString(decrypted);}}IE8兼容方案这可能是最具挑战的部分。我需要实现一个降级方案Flash/ActiveX备用方案当检测到IE8时加载备用上传器分片上传即使使用Flash也要支持进度存储使用cookie和userData行为存储进度// 检测IE8并加载备用上传器if(document.documentModedocument.documentMode8){loadLegacyUploader();}functionloadLegacyUploader(){// 使用Flash或Silverlight实现上传功能varswfUrl/Content/Uploader.swf;swfobject.embedSWF(swfUrl,uploadContainer,100%,400,10.0.0);}明日计划完成文件夹结构递归算法的测试实现IE8下的分片上传功能编写SQL Server存储过程优化大容量数据存储这个项目虽然挑战巨大但恰好能检验我多年的全栈开发经验。如果能顺利完成不仅能帮助客户解决实际问题也能为我的技术履历添上浓墨重彩的一笔。设置框架目标框架选择 .NET 8.0IDE使用Visual Studio 2022编译项目修改测试端口修改项目测试端口根据客户服务器环境修改。不一定是示例中的端口。访问测试页面测试一下配置是否正确。NOSQLNOSQL无需任何配置可直接访问页面进行测试创建数据库连接数据库数据表检查创建的数据表数据表创建成功后可以在数据库下面的表节点中看到查询数据配置数据库连接信息检查数据库配置访问页面进行测试效果预览文件上传文件刷新续传支持离线保存文件进度在关闭浏览器刷新浏览器后进行不丢失仍然能够继续上传文件夹上传支持上传文件夹并保留层级结构同样支持进度信息离线保存刷新页面关闭页面重启系统不丢失上传进度。下载完整示例已经上传到gitee了可以直接下载下载完整示例