 
<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)文章

簡單談?wù)?NET Core跨平臺開發(fā)
本文給大家詳細介紹了如何使用.NET Core進行跨平臺開發(fā)，包含簡單的環(huán)境架設(shè)以及配置，以及使用vs進行編譯運行項目和注意事項，有需要的小伙伴可以參考下
2016-07-07
ASP.NET中實現(xiàn)彈出日歷示例
這篇文章介紹了ASP.NET彈出日歷功能的實現(xiàn)方法，有需要的朋友可以參考一下。
2016-10-10
C#通過POP3獲取郵件的代碼(正文和附件)
C# POP3獲取郵件的代碼包括正文和附件，需要的朋友可以參考下。
2010-03-03
.NET醫(yī)院公眾號系統(tǒng)線程CPU雙高問題分析
這篇文章主要介紹了.NET醫(yī)院公眾號系統(tǒng) 線程CPU雙高分析,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-04-04
Visual Studio(VS2017)配置C/C++ PostgreSQL9.6.3開發(fā)環(huán)境
這篇文章主要為大家詳細介紹了Visual Studio(VS2017)配置C/C++，PostgreSQL9.6.3開發(fā)環(huán)境，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-07-07
asp.net Bundle功能擴展
發(fā)現(xiàn)這個東西確實非常實用，且功能強大，BundleTable.Bundles能夠壓縮合并js和CSS，但是目前的使用起來不是特別好需要修改BundleConfig的代碼
2012-11-11
xml 文件的創(chuàng)建和讀取代碼
最近在學(xué)習(xí)大話設(shè)計模式這本書，跟著里面的例子自己動手，學(xué)習(xí)到了一些我以前以為很難的知識，.xml文件就是其一。
2009-09-09
ASP.NET Core緩存靜態(tài)資源示例詳解
我們在優(yōu)化Web服務(wù)的時候，對于靜態(tài)的資源文件，通常都是通過客戶端緩存、服務(wù)器緩存、CDN緩存，這三種方式來緩解客戶端對于Web服務(wù)器的連接請求壓力的。下面這篇文章主要給大家介紹了關(guān)于ASP.NET Core緩存靜態(tài)資源的相關(guān)資料，需要的朋友可以參考下。
2018-02-02
ASP.NET MVC5 實現(xiàn)分頁查詢的示例代碼
本篇文章主要介紹了ASP.NET MVC5 實現(xiàn)分頁查詢的示例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下。
2017-02-02
asp.net替換和恢復(fù)html特殊字符
替換html中的特殊字符需要進行替換的文本。替換完的文本。
2008-05-05