用Html5与Asp.net MVC上传多个文件的实现代码
更新时间：2012年08月30日 11:57:35 作者：
Html 5 的有一些File API，对Form表单增强的特性，让我们轻松支持多文件上传，看下面的Html片断代码
复制代码 代码如下:
<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开发有帮助。
相关文章
Entity Framework生成DataBase First模式
本文详细讲解了Entity Framework生成DataBase First模式的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
这篇文章主要给大家介绍了关于ASP.NET Core如何实现简单的静态网站滚动更新的相关资料,文中给出了详细实现的代码,对需要的朋友来说很实用,需要的朋友可以参考下2021-07-07
本篇文章，小编将为大家介绍，关于asp.net 自定义分页控件，有需要的朋友可以参考一下2013-04-04
这篇文章主要为大家详细介绍了Winform SaveFileDialog保存文件对话框的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
这篇文章主要介绍了详解ASP.NET MVC之下拉框绑定四种方式，详细的讲诉了4种方法，具有一定的参考价值，有需要的可以了解一下。2016-12-12
本文价绍了几款Visual Studio提供的插件，提高我们的编程效率。2011-03-03
本篇文章介绍了，基于.NET中Delegate内部原理的分析。需要的朋友参考下2013-05-05
C#中Dictionary几种遍历的实现代码，需要的朋友可以参考一下2013-02-02
这篇文章主要介绍了.NetCore之接口缓存的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-09-09
asp.net使用jQuery Uploadify上传附件示例
Uploadify是JQuery的一个上传插件，实现的效果非常不错，带进度显示,本文是一个简单的介绍Demo，主要是动态传递参数方法,通过formdata 向处理程序传递额外的表单数据2014-01-01
最新评论