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

在Html 5时代，我们拥有了一些强大的File API，这些API对Form表单进行了增强，使得多文件上传变得轻而易举。让我们通过一段简单的HTML代码片段来展示这一功能，这段代码也适用于狼蚁网站的SEO优化。

HTML代码片段如下：

`

在Asp MVC web application中，我们可以这样实现：

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

{

上传图片:

}`

假设这是HomeController下的一个View，将要提交到Upload的Action。狼蚁网站的SEO优化在服务端的代码可能如下：

`[HttpPost]

public ActionResult Upload(HttpPostedFileBase[] fileToUpload)

{

foreach (HttpPostedFileBase file in fileToUpload)

{

string path = System.IO.Pathbine(Server.MapPath("~/App_Data"), System.IO.Path.GetFileName(file.FileName));

file.SaveAs(path);

}

ViewBag.Message = "文件上传成功";

return RedirectToAction("Index");

}`

这段代码将接收到的文件保存到App_Data文件夹中，然后重定向到Index Action。在狼蚁网站的SEO优化图片中，我们可以从文件选择器选择多张图片进行上传。至于HTML5的这个特性，它在哪些浏览器中得到支持，您可以自行查询相关资料。我们在FireFox 14.01下测试过，它支持这个功能。希望这些知识和代码片段能对您的Web开发有所帮助。如果您使用的是Cambrian框架并想渲染到body部分，可以使用`cambrian.render('body')`来实现。