用Html5与Asp.net MVC上传多个文件的实现代码

复制代码 代码如下:
form action="/Home/Upload" enctyPE="multipart/form-data" id="form2" method="post">
input type="file" name="fileToUpload" id="fileToUpload2" multiple="multiple" />
input type="submIT" value="submit" />
/form>

那在Asp.net MVC web application中，我们可以这么实现：
复制代码 代码如下:
@using (HtML.BeginForm("Upload", "Home", FormMethod.Post, new { enctype = "multipart/form-data", id = "form2" } ))
{
label for="file"> Upload Image:/label>
input type="file" name="fileToUpload" id="fileToUpload2" multiple="multiple" />
input type="submit" value="Upload Image by submit" />
}

假设这是一个HomeController下View, 即将提交到Upload的Action,看下面服务端的代码:
复制代码 代码如下:
[HttpPost]
public ActionResult Upload(HttpPosteDFileBase[] fileToUpload)
{
foreach (HttpPostedFileBase file in fileToUpload)
{
string path = System.IO.Path.COMbine(Server.MapPath("~/App_Data"), System.IO.Path.GetFileName(file.FileName));
file.SaveAs(path);
}

ViewBag.Message = "File(s) uploaded successfully";
return redirectToAction("Index");
}

好的，就这么简单。 这里我们把接收到文件存储到App_Data文件夹中，然后返回Index的Action. 看下面图片，我们能够从文件选择器选择多张图片：
 

关于HTML5这个特性在那些浏览器支持，您可以去这里查看。 您还可以查看W3C官方的文档。我们在FireFox 14.01下测试能过。

希望对您Web开发有帮助。

• ASP.NET MVC4 利用uploadify.js多文件上传
• asp.net mvc 实现文件上传带进度条的思路与方法
• ASP.NET MVC文件上传教程(二）
• ASP.NET MVC 文件上传教程(一）
• ASP.NET MVC5实现文件上传与地址变化处理（5）
• asp.net中MVC借助Iframe实现无刷新上传文件实例
• Asp.net实现MVC处理文件的上传下载功能实例教程
• ASP.NET MVC处理文件上传的小例子
• ASP.NET MVC HttpPostedFileBase文件上传的实例代码

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！