復制代碼 代碼如下:
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開發有幫助。
您可能感興趣的文章:- ASP.NET MVC4 利用uploadify.js多文件上傳
- asp.net mvc 實現文件上傳帶進度條的思路與方法
- ASP.NET MVC文件上傳教程(二）
- ASP.NET MVC 文件上傳教程(一）
- ASP.NET MVC5實現文件上傳與地址變化處理（5）
- asp.net中MVC借助Iframe實現無刷新上傳文件實例
- Asp.net實現MVC處理文件的上傳下載功能實例教程
- ASP.NET MVC處理文件上傳的小例子
- ASP.NET MVC HttpPostedFileBase文件上傳的實例代碼
