用Html5与Asp.net MVC上传多个文件的实现代码
2012-08-30 00:00
991 查看
<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开发有帮助。
相关文章推荐
- 用Html5与Asp.net MVC上传多个文件的实现代码
- 用Fine Uploader+ASP.NET MVC实现ajax文件上传[代码示例]
- [Fine Uploader] 用Fine Uploader+ASP.NET MVC实现ajax文件上传[代码示例]
- 用Fine Uploader+ASP.NET MVC实现ajax文件上传[代码示例]
- [代码示例]用Fine Uploader+ASP.NET MVC实现ajax文件上传
- [代码示例]用Fine Uploader+ASP.NET MVC实现ajax文件上传
- 用Fine Uploader+ASP.NET MVC实现ajax文件上传[代码示例]
- 在ASP.NET MVC中实现大文件异步上传(1)
- ASP.NET中实现多文件上传的实例程序代码
- ASP.NET(C#)实现一次性动态上传多张图片的代码(多个文件)
- 在ASP.NET MVC中实现大文件异步上传(2)
- asp.net实现ftp上传代码(解决大文件上传问题)
- ASP.NET MVC 实现多文件上传
- asp.net+js 实现无刷新上传解析csv文件的代码
- ASP.NET Mvc Preview 5 演示Demo #3 实现MVC批量上传文件
- 在ASP.NET MVC中实现大文件异步上传(2)
- Asp.net 2.0 用 FileUpload 控件实现多文件上传 用户控件(示例代码下载)
- asp.net生成缩略图并支持文件上传实现代码
- asp.net实现ftp上传代码(解决大文件上传问题)
- ASP.NET MVC 使用Uploadify实现多文件异步无刷新上传