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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了用Html5与Asp.net MVC上传多个文件的实现代码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1290字，纯文字阅读大概需要2分钟。

内容图文

代码如下:

<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上传多个文件的实现代码全部内容，希望文章能够帮你解决用Html5与Asp.net MVC上传多个文件的实现代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---