html网站模板 免费,有没有专门做教程的网站,创网站,国内建筑公司排名我是一名扎根于湖南长沙的程序员#xff0c;近期正面临一个极具挑战性的项目需求#xff1a;需要运用百度开源组件WebUploader来实现大文件的高效传输#xff0c;目标文件规模高达20G左右。此项目不仅要求实现文件的上传与下载功能#xff0c;还需支持文件夹的上传和下载近期正面临一个极具挑战性的项目需求需要运用百度开源组件WebUploader来实现大文件的高效传输目标文件规模高达20G左右。此项目不仅要求实现文件的上传与下载功能还需支持文件夹的上传和下载且文件夹传输过程中必须完整保留其层级结构。在浏览器兼容性方面项目要求覆盖所有主流浏览器包括但不限于IE8这一经典版本以及信创国产浏览器如龙芯浏览器、红莲花浏览器和奇安信安全浏览器等以确保在各种使用环境下都能稳定运行。安全性是本项目不可忽视的一环因此要求支持加密传输具体采用SM4国密算法和AES算法为数据传输提供坚实的安全保障。同时项目还需适配信创国产化环境操作系统需支持统信UOS、中标麒麟和银河麒麟等以满足国产化替代的需求。数据库方面项目要求支持主流数据库产品如SQL Server、MySQL和Oracle同时也需兼容国产化数据库产品如达梦和人大金仓等以提供灵活的数据存储方案。目前后端我们采用.NET Core框架进行开发前端则使用vue2-cli框架构建用户界面数据库初步选定为SQL Server。在存储方面项目要求支持主流云服务提供商包括阿里云、华为云、腾讯云、百度云、微软云和亚马逊云等以提供灵活且可扩展的存储解决方案。此外项目还要求提供7*24小时的专业技术支持并且免费提供产品源代码以便后续的维护和升级。然而我在网上搜索到的相关代码大多仅实现了上传功能且文件夹上传功能存在诸多不足无法满足项目需求。因此我迫切希望有行业大神能够伸出援手免费指导我完成此项目最好能帮我把代码写好并进行调试以便我能够直接交付给客户使用。以下是我目前研究WebUploader时的一些前后端代码示例供大神们参考前端代码Vue组件部分import WebUploader from webuploader; export default { mounted() { this.initUploader(); }, methods: { initUploader() { const uploader WebUploader.create({ swf: /path/to/Uploader.swf, // Flash文件路径 server: /api/upload, // 上传接口 pick: { id: #filePicker, multiple: true, directory: true // 支持文件夹上传 }, formData: { // 可添加额外的表单数据 }, compress: false, // 不压缩图片 chunked: true, // 分片上传 chunkSize: 2 * 1024 * 1024, // 每片2MB threads: 3, // 上传并发数 accept: { title: Files, extensions: *, mimeTypes: * } }); uploader.on(fileQueued, (file) { const $list $(#fileList); $list.append(divid${file.id}classitemh4classinfo${file.name}/h4pclassstate等待上传.../p/div); }); uploader.on(uploadProgress, (file, percentage) { const $li $(#${file.id}), $percent $li.find(.progress .progress-bar); if (!$percent.length) { $percent $(divclassprogress progress-striped active divclassprogress-barroleprogressbarstylewidth:0% /div /div).appendTo($li.find(.state)).find(.progress-bar); } $li.find(.state).text(上传中); $percent.css(width, percentage * 100 %); }); uploader.on(uploadSuccess, (file) { $(#${file.id}).find(.state).text(上传成功); }); uploader.on(uploadError, (file) { $(#${file.id}).find(.state).text(上传出错); }); uploader.on(uploadComplete, (file) { // 上传完成后的操作 }); } } }; .uploader-container { width: 100%; max-width: 800px; margin: 0 auto; } .uploader-list { margin-top: 20px; } .item { margin-bottom: 10px; padding: 10px; border: 1px solid #eee; } .info { margin: 0; font-size: 14px; } .state { margin-top: 5px; font-size: 12px; color: #666; }后端代码.NET Core部分简化示例[ApiController][Route(api/[controller])]publicclassUploadController:ControllerBase{[HttpPost]publicasyncTaskUpload(){varfilesRequest.Form.Files;varformDataRequest.Form;foreach(varfileinfiles){if(file.Length0){varfilePathPath.Combine(uploads,file.FileName);using(varstreamnewFileStream(filePath,FileMode.Create)){awaitfile.CopyToAsync(stream);}}}// 处理分片上传逻辑此处简化实际需根据WebUploader的分片参数处理// ...returnOk(new{message上传成功});}}如果您对此项目感兴趣或者有任何建议和指导欢迎加入我们的QQ群374992201进行交流。期待您的宝贵意见和帮助共同推动项目的成功实施设置框架安装.NET Framework 4.7.2https://dotnet.microsoft.com/en-us/download/dotnet-framework/net472框架选择4.7.2添加3rd引用编译项目NOSQLNOSQL无需任何配置可直接访问页面进行测试SQL使用IIS大文件上传测试推荐使用IIS以获取更高性能。使用IIS Express小文件上传测试可以使用IIS Express创建数据库配置数据库连接信息检查数据库配置访问页面进行测试相关参考文件保存位置效果预览文件上传文件刷新续传支持离线保存文件进度在关闭浏览器刷新浏览器后进行不丢失仍然能够继续上传文件夹上传支持上传文件夹并保留层级结构同样支持进度信息离线保存刷新页面关闭页面重启系统不丢失上传进度。批量下载支持文件批量下载下载续传文件下载支持离线保存进度信息刷新页面关闭页面重启系统均不会丢失进度信息。文件夹下载支持下载文件夹并保留层级结构不打包不占用服务器资源。下载完整示例下载完整示例