免費(fèi)網(wǎng)上商城系統(tǒng),seo搜索引擎優(yōu)化實(shí)戰(zhàn),上海城隍廟必吃美食,深度網(wǎng)#xff08;抱緊保溫杯在星巴克敲鍵盤版#xff09; 各位同行好#xff01;我是上海某咖啡館野生.NET程序員剛搞懂IIS怎么念的代碼民工禿頭預(yù)備役。最近接了個史詩級外包項(xiàng)目#xff0c;客戶要求實(shí)現(xiàn)20G文件夾上傳下載#xff0c;現(xiàn)在每天的狀態(tài)be like#…抱緊保溫杯在星巴克敲鍵盤版各位同行好我是上海某咖啡館·野生.NET程序員·剛搞懂IIS怎么念的·代碼民工·禿頭預(yù)備役。最近接了個史詩級外包項(xiàng)目客戶要求實(shí)現(xiàn)20G文件夾上傳下載現(xiàn)在每天的狀態(tài)be like 前端Vue3 原生JS魔改? 后端ASP.NET WebForm連MVC都不敢用 數(shù)據(jù)庫SQL Server存儲文件元數(shù)據(jù) 預(yù)算100元含咖啡續(xù)命錢 前端の求生指南Vue3 原生JS兼容IE8版// 兼容IE8的文件夾上傳組件基于WebUploader魔改classIE8FolderUploader{constructor(){this.fileTree{};// 存儲文件層級結(jié)構(gòu)this.chunkSize10*1024*1024;// 10MB分片IE8友好this.initFileInput();// 初始化文件選擇控件}// 初始化文件輸入兼容IE8的降級方案initFileInput(){constinputdocument.createElement(input);input.typefile;input.idfolderInput;input.style.displaynone;// IE8專用通過document.createEventObject模擬事件if(document.all!window.atob){input.setAttribute(multiple,multiple);input.onchange(e)this.handleIE8Files(e);}else{input.setAttribute(webkitdirectory,);input.onchange(e)this.handleModernFiles(e);}document.body.appendChild(input);}// IE8文件處理遞歸遍歷偽文件夾結(jié)構(gòu)handleIE8Files(event){constfilesevent.target.files;constfakeTree{};// IE8無法獲取真實(shí)路徑用文件名模擬層級如部門A/項(xiàng)目1/文件.txtfor(leti0;ifiles.length;i){constpathPartsfiles[i].name.split(/);letcurrentNodefakeTree;// 遞歸構(gòu)建虛擬目錄for(letj0;jpathParts.length-1;j){constdirpathParts[j];if(!currentNode[dir])currentNode[dir]{};currentNodecurrentNode[dir];}constfileNamepathParts.pop();currentNode[fileName]files[i];// 存儲文件對象}this.fileTreefakeTree;this.startUpload();}// 現(xiàn)代瀏覽器文件夾處理handleModernFiles(event){constfilesevent.target.files;constrealTree{};for(leti0;ifiles.length;i){constfilefiles[i];constpathfile.webkitRelativePath||file.name;constpartspath.split(/);letnoderealTree;// 構(gòu)建真實(shí)目錄結(jié)構(gòu)for(letj0;jparts.length-1;j){constdirparts[j];if(!node[dir])node[dir]{};nodenode[dir];}node[parts.pop()]file;}this.fileTreerealTree;this.startUpload();}// 分片上傳帶斷點(diǎn)續(xù)傳startUpload(){// 使用userDataIE8專屬存儲進(jìn)度conststoragewindow.localStorage||(function(){constdivdocument.createElement(div);div.addBehavior(#default#userData);document.body.appendChild(div);return{setItem:(key,value){div.setAttribute(key,value);div.save(uploader);},getItem:(key)div.getAttribute(key)};})();this.traverseTree(this.fileTree,,storage);}// 遞歸遍歷文件樹traverseTree(node,parentPath,storage){for(constkeyinnode){if(node[key]instanceofFile){constfilenode[key];constrelativePathparentPath?${parentPath}/${key}:key;constfileIdthis.generateFileId(file,relativePath);// 檢查斷點(diǎn)續(xù)傳進(jìn)度constsavedChunkparseInt(storage.getItem(chunk_${fileId})||0);consttotalChunksMath.ceil(file.size/this.chunkSize);for(letisavedChunk;itotalChunks;i){constblobfile.slice(i*this.chunkSize,(i1)*this.chunkSize);constformDatanewFormData();formData.append(file,blob);formData.append(chunkIndex,i);formData.append(totalChunks,totalChunks);formData.append(fileId,fileId);formData.append(relativePath,relativePath);// IE8專用使用ActiveXObject發(fā)送請求constxhrwindow.XMLHttpRequest?newXMLHttpRequest():newActiveXObject(Microsoft.XMLHTTP);xhr.open(POST,/api/upload,true);xhr.onload(){if(xhr.status200){storage.setItem(chunk_${fileId},i1);if(itotalChunks-1){console.log(${relativePath}上傳完成);}}};xhr.send(formData);}}else{// 遞歸處理子目錄this.traverseTree(node[key],${parentPath}/${key},storage);}}}}// 在Vue組件中使用exportdefault{mounted(){this.uploadernewIE8FolderUploader();},methods:{triggerUpload(){document.getElementById(folderInput).click();}}} 后端の求生代碼ASP.NET WebForm版// 文件上傳處理WebForm后臺代碼publicpartialclassUploadHandler:System.Web.UI.Page{protectedvoidPage_Load(objectsender,EventArgse){if(Request.HttpMethodPOST){try{// 獲取參數(shù)varfileIdRequest.Form[fileId];varchunkIndexint.Parse(Request.Form[chunkIndex]);vartotalChunksint.Parse(Request.Form[totalChunks]);varrelativePathRequest.Form[relativePath];// 獲取文件分片varfileRequest.Files[file];vartempPathServer.MapPath($~/App_Data/Temp/{fileId}_{chunkIndex});file.SaveAs(tempPath);// 如果是最后一個分片合并文件if(chunkIndextotalChunks-1){MergeChunks(fileId,totalChunks,relativePath);Response.Write({status:complete});}else{Response.Write({status:success});}}catch(Exceptionex){Response.Write(${{error:{ex.Message}}});}}}privatevoidMergeChunks(stringfileId,inttotalChunks,stringrelativePath){vartempDirServer.MapPath($~/App_Data/Temp/);varfinalPathServer.MapPath($~/Uploads/{relativePath});// 確保目錄存在vardirPath.GetDirectoryName(finalPath);if(!Directory.Exists(dir))Directory.CreateDirectory(dir);// 合并分片using(varfsnewFileStream(finalPath,FileMode.Create)){for(inti0;itotalChunks;i){varchunkPathPath.Combine(tempDir,${fileId}_{i});varbytesFile.ReadAllBytes(chunkPath);fs.Write(bytes,0,bytes.Length);File.Delete(chunkPath);// 清理臨時文件}}// 加密存儲示例AES加密EncryptFile(finalPath);}privatevoidEncryptFile(stringfilePath){// 實(shí)際項(xiàng)目中替換為SM4/AES加密實(shí)現(xiàn)// 這里僅作示例實(shí)際加密需使用BouncyCastle等庫File.WriteAllText(filePath.enc,加密后的內(nèi)容占位符);File.Delete(filePath);}} 緊急求助預(yù)算100元版當(dāng)前系統(tǒng)存在以下要命問題IE8加密傳輸ActiveXObject無法直接處理加密求C#端解密方案萬級文件下載非打包下載會觸發(fā)瀏覽器連接數(shù)限制求分批次下載方案斷點(diǎn)續(xù)傳可靠性重啟電腦后userData可能丟失求SQL Server進(jìn)度存儲方案求各位大佬加群374992201拯救現(xiàn)在入群可享免費(fèi)獲得《如何在100元預(yù)算下完成外包項(xiàng)目》電子書參與幫同行改BUG活動贏取辣條基金推薦項(xiàng)目成功送《如何優(yōu)雅拒絕客戶改需求》秘籍突然正經(jīng)PS真的求后端師傅本人擅長熬夜改前端兼容性問題寫注釋騙客戶驗(yàn)收PPT畫大餅幫師傅買咖啡聯(lián)系方式QQ群374992201暗號我要接單群內(nèi)活動新人入群送1-99元紅包推薦項(xiàng)目得20%分成超級會員享50%利潤未來項(xiàng)目**求同行推薦項(xiàng)目**本人要求不高預(yù)算夠買咖啡客戶不頻繁改需求能用VS2022開發(fā)合同款能按時結(jié)的優(yōu)先最后喊話甲方爸爸們看過來可提供100元預(yù)算的完整解決方案支持IE8到Edge全瀏覽器贈送7×24小時人工智障客服現(xiàn)在簽約送《如何讓客戶放棄加密功能》話術(shù)手冊設(shè)置框架安裝.NET Framework 4.7.2https://dotnet.microsoft.com/en-us/download/dotnet-framework/net472框架選擇4.7.2添加3rd引用編譯項(xiàng)目NOSQLNOSQL無需任何配置可直接訪問頁面進(jìn)行測試SQL使用IIS大文件上傳測試推薦使用IIS以獲取更高性能。使用IIS Express小文件上傳測試可以使用IIS Express創(chuàng)建數(shù)據(jù)庫配置數(shù)據(jù)庫連接信息檢查數(shù)據(jù)庫配置訪問頁面進(jìn)行測試相關(guān)參考文件保存位置效果預(yù)覽文件上傳文件刷新續(xù)傳支持離線保存文件進(jìn)度在關(guān)閉瀏覽器刷新瀏覽器后進(jìn)行不丟失仍然能夠繼續(xù)上傳文件夾上傳支持上傳文件夾并保留層級結(jié)構(gòu)同樣支持進(jìn)度信息離線保存刷新頁面關(guān)閉頁面重啟系統(tǒng)不丟失上傳進(jìn)度。下載完整示例下載完整示例