用Html5與Asp.net MVC上傳多個文件的實現(xiàn)代碼
更新時間：2012年08月30日 11:57:35 作者：
Html 5 的有一些File API，對Form表單增強(qiáng)的特性，讓我們輕松支持多文件上傳，看下面的Html片斷代碼
復(fù)制代碼 代碼如下:
<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中，我們可以這么實現(xiàn)：
復(fù)制代碼 代碼如下:
@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" />
}
假設(shè)這是一個HomeController下View, 即將提交到Upload的Action,看下面服務(wù)端的代碼:
復(fù)制代碼 代碼如下:
[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. 看下面圖片，我們能夠從文件選擇器選擇多張圖片：
關(guān)于HTML5這個特性在那些瀏覽器支持，您可以去這里查看。 您還可以查看W3C官方的文檔。我們在FireFox 14.01下測試能過。
希望對您Web開發(fā)有幫助。
您可能感興趣的文章:
相關(guān)文章
Entity?Framework生成DataBase?First模式
本文詳細(xì)講解了Entity?Framework生成DataBase?First模式的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
ASP.NET Core如何實現(xiàn)簡單的靜態(tài)網(wǎng)站滾動更新
這篇文章主要給大家介紹了關(guān)于ASP.NET Core如何實現(xiàn)簡單的靜態(tài)網(wǎng)站滾動更新的相關(guān)資料,文中給出了詳細(xì)實現(xiàn)的代碼,對需要的朋友來說很實用,需要的朋友可以參考下2021-07-07
本篇文章，小編將為大家介紹，關(guān)于asp.net 自定義分頁控件，有需要的朋友可以參考一下2013-04-04
這篇文章主要為大家詳細(xì)介紹了Winform SaveFileDialog保存文件對話框的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
這篇文章主要介紹了詳解ASP.NET MVC之下拉框綁定四種方式，詳細(xì)的講訴了4種方法，具有一定的參考價值，有需要的可以了解一下。2016-12-12
vs.net 2010 擴(kuò)展插件小結(jié) 提高編程效率
本文價紹了幾款Visual Studio提供的插件，提高我們的編程效率。2011-03-03
本篇文章介紹了，基于.NET中Delegate內(nèi)部原理的分析。需要的朋友參考下2013-05-05
C#中Dictionary幾種遍歷的實現(xiàn)代碼，需要的朋友可以參考一下2013-02-02
這篇文章主要介紹了.NetCore之接口緩存的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09
asp.net使用jQuery Uploadify上傳附件示例
Uploadify是JQuery的一個上傳插件，實現(xiàn)的效果非常不錯，帶進(jìn)度顯示,本文是一個簡單的介紹Demo，主要是動態(tài)傳遞參數(shù)方法,通過formdata 向處理程序傳遞額外的表單數(shù)據(jù)2014-01-01