ASP.NETMVC批量、分段上传文件并显示上传进度_文件上传进度条原理资源-CSDN文库

共292个文件

dll：70个

js：43个

xml：41个

3星 · 超过75%的资源需积分: 44 38 浏览量 2017-10-23 15:29:42 上传评论 3 收藏 27.21MB ZIP 举报

ASP.NET MVC是一个强大的框架，用于构建可高度控制的、基于模型-视图-控制器（MVC）模式的Web应用程序。在这个场景中，我们探讨的是如何利用ASP.NET MVC实现批量和分段文件上传，并且在上传过程中展示进度。这通常涉及到前端的JavaScript技术，特别是HTML5的File API和FormData对象，以及后端的ASP.NET MVC控制器处理。 **前端部分：File API与FormData** 1. **File API**：HTML5的File API允许我们直接在浏览器中处理文件，而无需将文件内容发送到服务器。我们可以获取文件的信息，如文件名、大小、类型等，甚至可以读取文件内容。这对于分段上传至关重要，因为我们需要将大文件拆分成小块以便逐步上传。 2. **FormData**：FormData对象用于创建一个键值对的集合，它可以用来封装文件数据，然后通过XMLHttpRequest发送到服务器。在批量上传时，可以将多个文件添加到同一个FormData实例，然后一次性发送。 **前端实现步骤**： 1. 创建一个HTML表单，包含一个`<input type="file" multiple>`元素，让用户选择多个文件。 2. 使用JavaScript监听文件选择事件，当用户选择文件后，读取文件并分割成多个片段（如果文件过大）。 3. 对每个文件片段创建一个新的FormData实例，添加文件片段和相关的元数据（如文件名、片段编号等）。 4. 使用XMLHttpRequest或fetch API发送POST请求，将FormData实例作为请求体，设置适当的请求头如`Content-Type: multipart/form-data`。 5. 监听xhr的`progress`事件，根据已发送的数据量计算并更新上传进度。 **后端部分：ASP.NET MVC控制器** 1. 在ASP.NET MVC中，我们需要创建一个控制器方法来接收这些POST请求。这个方法通常会接受`HttpPostedFileBase`或`IEnumerable<HttpPostedFileBase>`类型的参数，以处理单个或多个文件上传。 2. 为了处理分段上传，我们需要额外的参数，如文件名、片段编号等，以便在服务器端重新组合文件。 3. 当收到每个片段时，将其保存到临时目录，直到所有片段都到达，然后合并成原始文件。 4. 保存文件到指定的“Upload”目录，通常会有一些验证和错误处理步骤，比如检查文件类型、大小限制等。 5. 返回一个响应，告诉前端上传是否成功，以及进度信息。 **前端与后端的交互** 前端通过异步请求发送文件片段，并在每次请求的`progress`事件中更新进度条。后端则接收并处理这些请求，返回进度反馈。一旦所有片段上传完成，后端会通知前端，前端可以相应地更新界面，显示完整的上传状态。实现ASP.NET MVC中的批量和分段文件上传，并显示上传进度，需要结合前端的File API和FormData以及后端的ASP.NET MVC控制器。通过这种方式，用户可以监控上传进度，提升用户体验，同时处理大文件和多个文件上传也变得更加高效和可靠。

资源推荐

资源详情

资源评论

收起资源包目录

ASP.NET MVC批量、分段上传文件并显示上传进度（292个子文件）

Global.asax 107B

fileashx.ashx 99B

BigFileUploader.csprojResolveAssemblyReference.cache 129KB

DesignTimeResolveAssemblyReferencesInput.cache 18KB

applicationhost.config 84KB

ApplicationInsights.config 6KB

Web.config 3KB

BigFileUploader.dll.config 3KB

packages.config 2KB

Web.config 2KB

Web.Release.config 1KB

Web.Debug.config 1KB

VBCSCompiler.exe.config 563B

repositories.config 134B

HomeController.cs 4KB

fileashx.ashx.cs 2KB

AssemblyInfo.cs 1KB

BundleConfig.cs 1KB

RouteConfig.cs 608B

Global.asax.cs 597B

FilterConfig.cs 283B

TemporaryGeneratedFile_5937a670-0e60-4077-877b-f7221da3dda1.cs 0B

TemporaryGeneratedFile_E7A71F73-0F8D-4B9B-B56E-8E70B10BC5D3.cs 0B

TemporaryGeneratedFile_036C0B5B-1481-4323-8D20-8F5ADCB23D92.cs 0B

FileUp.cshtml 6KB

Index.cshtml 4KB

_Layout.cshtml 2KB

Contact.cshtml 457B

Error.cshtml 277B

About.cshtml 152B

_ViewStart.cshtml 57B

BigFileUploader.csproj 16KB

bootstrap.css 118KB

bootstrap.min.css 96KB

Site.css 537B

webuploader.css 515B

Microsoft.CodeAnalysis.VisualBasic.dll 4.67MB

Microsoft.CodeAnalysis.CSharp.dll 3.82MB

Microsoft.AI.Agent.Intercept.dll 1.89MB

Microsoft.CodeAnalysis.dll 1.64MB

WebGrease.dll 1.22MB

System.Web.Mvc.dll 553KB

Newtonsoft.Json.dll 491KB

Newtonsoft.Json.dll 482KB

Newtonsoft.Json.dll 437KB

Newtonsoft.Json.dll 435KB

Newtonsoft.Json.dll 420KB

Newtonsoft.Json.dll 378KB

System.Web.Razor.dll 266KB

System.Reflection.Metadata.dll 257KB

System.Web.WebPages.dll 207KB

System.Collections.Immutable.dll 200KB

Microsoft.ApplicationInsights.dll 184KB

Microsoft.ApplicationInsights.dll 153KB

Microsoft.ApplicationInsights.dll 151KB

Microsoft.ApplicationInsights.dll 145KB

Microsoft.ApplicationInsights.dll 142KB

Microsoft.ApplicationInsights.dll 141KB

System.Web.Helpers.dll 137KB

Microsoft.AI.PerfCounterCollector.dll 129KB

Microsoft.AI.PerfCounterCollector.dll 127KB

Microsoft.AI.ServerTelemetryChannel.dll 104KB

Microsoft.AI.ServerTelemetryChannel.dll 101KB

Antlr3.Runtime.dll 101KB

Microsoft.Build.Tasks.CodeAnalysis.dll 83KB

System.Web.Optimization.dll 69KB

Microsoft.AI.DependencyCollector.dll 64KB

Microsoft.AI.DependencyCollector.dll 62KB

Microsoft.AI.Web.dll 50KB

Microsoft.AI.Web.dll 49KB

Microsoft.Web.Infrastructure.dll 44KB

Microsoft.AI.WindowsServer.dll 41KB

共 292 条

c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\ApplicationInsights.config c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\roslyn\csc.exe c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\roslyn\Microsoft.Build.Tasks.CodeAnalysis.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\roslyn\Microsoft.CodeAnalysis.CSharp.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\roslyn\Microsoft.CodeAnalysis.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\roslyn\Microsoft.CodeAnalysis.VisualBasic.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\roslyn\Microsoft.CSharp.Core.targets c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\roslyn\Microsoft.VisualBasic.Core.targets c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\roslyn\System.Collections.Immutable.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\roslyn\System.Reflection.Metadata.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\roslyn\vbc.exe c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\roslyn\VBCSCompiler.exe c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\roslyn\VBCSCompiler.exe.config c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\BigFileUploader.dll.config c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\BigFileUploader.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\BigFileUploader.pdb c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\Antlr3.Runtime.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\Microsoft.AI.Agent.Intercept.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\Microsoft.AI.DependencyCollector.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\Microsoft.AI.PerfCounterCollector.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\Microsoft.AI.ServerTelemetryChannel.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\Microsoft.AI.Web.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\Microsoft.AI.WindowsServer.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\Microsoft.ApplicationInsights.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\Microsoft.Web.Infrastructure.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\Newtonsoft.Json.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\System.Web.Helpers.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\System.Web.Mvc.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\System.Web.Optimization.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\System.Web.Razor.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\System.Web.WebPages.Deployment.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\System.Web.WebPages.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\System.Web.WebPages.Razor.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\WebGrease.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\Microsoft.AI.DependencyCollector.xml c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\Microsoft.AI.ServerTelemetryChannel.xml c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\Microsoft.AI.Web.xml c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\Microsoft.AI.WindowsServer.xml c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\Microsoft.ApplicationInsights.xml c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.xml c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\System.Web.Helpers.xml c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\System.Web.Mvc.xml c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\System.Web.Optimization.xml c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\System.Web.Razor.xml c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\System.Web.WebPages.xml c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\System.Web.WebPages.Deployment.xml c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\System.Web.WebPages.Razor.xml c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\Antlr3.Runtime.pdb c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\bin\Newtonsoft.Json.xml c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\obj\Debug\BigFileUploader.csprojResolveAssemblyReference.cache c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\obj\Debug\BigFileUploader.dll c:\users\zhoufugui\documents\visual studio 2015\Projects\BigFileUploader\BigFileUploader\obj\Debug\BigFileUploader.pdb D:\ZJQ\工作文件\测试文件\BigFileUploader\BigFileUploader\bin\ApplicationInsights.config D:\ZJQ\工作文件\测试文件\BigFileUploader\BigFileUploader\bin\roslyn\csc.exe D:\ZJQ\工作文件\测试文件\BigFileUploader\BigFileUploader\bin\roslyn\Microsoft.Build.Tasks.CodeAnalysis.dll D:\ZJQ\工作文件\测试文件\BigFileUploader\BigFileUploader\bin\roslyn\Microsoft.CodeAnalysis.CSharp.dll D:\ZJQ\工作文件\测试文件\BigFileUploader\BigFileUploader\bin\roslyn\Microsoft.CodeAnalysis.dll D:\ZJQ\工作文件\测试文件\BigFileUploader\BigFileUploader\bin\roslyn\Microsoft.CodeAnalysis.VisualBasic.dll D:\ZJQ\工作文件\测试文件\BigFileUploader\BigFileUploader\bin\roslyn\Microsoft.CSharp.Core.targets D:\ZJQ\工作文件\测试文件\BigFileUploader\BigFileUploader\bin\roslyn\Microsoft.VisualBasic.Core.targets D:\ZJQ\工作文件\测试文件\BigFileUploader\BigFileUploader\bin\roslyn\System.Collections.Immutable.dll D:\ZJQ\工作文件\测试文件\BigFileUploader\BigFileUploader\bin\roslyn\System.Reflection.Metadata.dll D:\ZJQ\工作文件\测试文件\BigFileUploader\BigFileUploader\bin\roslyn\vbc.exe D:\ZJQ\工作文件\测试文件\BigFileUploader\BigFileUploader\bin\roslyn\VBCSCompiler.exe D:\ZJQ\工作文件\测试文件\BigFileUploader\BigFileUploader\bin\roslyn\VBCSCompiler.exe.config D:\ZJQ\工作文件\测试文件\BigFileUploader\BigFileUploader\bi

评论收藏

内容反馈