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

代码如下:

那在Asp.net MVC web application中，我们可以这么实现：

代码如下:

@using (Html.BeginForm("Upload", "Home", FormMethod.Post, new { enctype = "multipart/form-data", id = "form2" }))

{

Upload Image:

}

假设这是一个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开发有帮助。