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文件上传的基本操作