MVC文件上傳02-使用HttpPostedFileBase上傳多個文件

本篇體驗上傳多個文件。兄弟篇為：

MVC文件上傳01-使用jquery異步上傳並客戶端驗證類型和大小

       

  MVC最基本上傳文件方式中的一個遺漏點

□ 前台視圖部分

<% using(Html.BeginForm("FileUpload", "FileUpload", FormMethod.Post, new {enctype = "multipart/form-data"}) {)%>
    <input name ="uploadFile" type="file" />
    <input type="submit" value="Upload File" />
<%}%>

 

□ 控制器部分

[HttpMethod.Post]
public ActionResult FileUpload(HttpPostedFileBase uploadFile)
{
    if(uploadFile.ContenctLength > 0)
    {
        //獲得保存路徑
        string filePath = Path.Combine(HttpContext.Server.MapPath("../Uploads"),
                        Path.GetFileName(uploadFile.FileName));
        uploadFile.SaveAs(filePath);
    }
    return View();
}

 

以上的問題是：當沒有文件上傳的時候，會報錯。需要判斷HttpPostedFileBase實例是否為null

[HttpMethod.Post]
public ActionResult FileUpload(HttpPostedFileBase uploadFile)
{
  if(uploadFile != null)
  {
    if(uploadFile.ContenctLength > 0)
    {
        //獲得保存路徑
        string filePath = Path.Combine(HttpContext.Server.MapPath("../Uploads"),
                        Path.GetFileName(uploadFile.FileName));
        uploadFile.SaveAs(filePath);
    }
  }
    return View();
}

 

  上傳多個文件

□ 控制器

● 由於接收多個文件，所以控制器方法的參數變成了IEnumerable<HttpPostedFileBase> files
● 變量files與前台視圖的name屬性值對應
● 如果沒有指定的文件夾，就創建一個文件夾

 

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace MvcApplication2.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }

        public ActionResult MultiUpload(IEnumerable<HttpPostedFileBase> files)
        {
            string pathForSaving = Server.MapPath("~/Uploads");
            if (this.CreateFolderIfNeeded(pathForSaving))
            {
                foreach (var file in files)
                {
                    if (file != null && file.ContentLength > 0)
                    {
                        var path = Path.Combine(pathForSaving, file.FileName);
                        file.SaveAs(path);
                    }
                }
            }

            return RedirectToAction("Index");
        }

        // 檢查是否要創建上傳文件夾
        private bool CreateFolderIfNeeded(string path)
        {
            bool result = true;
            if (!Directory.Exists(path))
            {
                try
                {
                    Directory.CreateDirectory(path);
                }
                catch (Exception)
                {
                    //TODO：處理異常
                    result = false;
                }
            }
            return result;
        }
    }
}

□ Home/Index.cshtml視圖

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@using (Html.BeginForm("MultiUpload", "Home", FormMethod.Post, new {enctype = "multipart/form-data"}))
{
    <input type="file" name="files" id="file1" /><br/>
    <input type="file" name="files" id="file2" /><br/>
    <input type="file" name="files" id="file3" /><br/>
    <input type="submit" value="同時上傳多個文件" />
}

 

注意：name屬性值與控制器方法參數對應。

□ 結果

選擇上傳2個文件：

上傳成功后，自動創建了文件夾Uploads：

Uploads中只有2個文件：

□ 為什么使用HttpPostedFileBase而不是FormCollection來接收文件

public sealed class FormCollection : NameValueCollection, IValueProvider

可見，FormCollection是鍵值集合，鍵是string類型，值是string類型，而上傳的文件類型不是string，所以不能用FormCollection作為參數來接收文件。

 

參考資料

※ ASP.NET MVC文件上傳的基本操作