MVC文件上传02-使用HttpPostedFileBase上传多个文件

本篇体验上传多个文件。兄弟篇为：

MVC最基本上传文件方式中的一个遗漏点

□ 前台视图部分

   1:  <% using(Html.BeginForm("FileUpload", "FileUpload", FormMethod.Post, new {enctype = "multipart/form-data"}) {)%>

   2:      <input name ="uploadFile" type="file" />

   3:      <input type="submit" value="Upload File" />

   4:  <%}%>

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

□ 控制器部分

   1:  [HttpMethod.Post]

   2:  public ActionResult FileUpload(HttpPostedFileBase uploadFile)

   3:  {

   4:      if(uploadFile.ContenctLength > 0)

   5:      {

   6:          //获得保存路径

   7:          string filePath = Path.Combine(HttpContext.Server.MapPath("../Uploads"),

   8:                          Path.GetFileName(uploadFile.FileName));

   9:          uploadFile.SaveAs(filePath);

  10:      }

  11:      return View();

  12:  }

以上的问题是：当没有文件上传的时候，会报错。需要判断HttpPostedFileBase实例是否为null

   1:  [HttpMethod.Post]

   2:  public ActionResult FileUpload(HttpPostedFileBase uploadFile)

   3:  {

   4:    if(uploadFile != null)

   5:    {

   6:      if(uploadFile.ContenctLength > 0)

   7:      {

   8:          //获得保存路径

   9:          string filePath = Path.Combine(HttpContext.Server.MapPath("../Uploads"),

  10:                          Path.GetFileName(uploadFile.FileName));

  11:          uploadFile.SaveAs(filePath);

  12:      }

  13:    }

  14:      return View();

  15:  }

上传多个文件

□ 控制器

● 由于接收多个文件，所以控制器方法的参数变成了IEnumerable<HttpPostedFileBase> files

● 变量files与前台视图的name属性值对应

● 如果没有指定的文件夹，就创建一个文件夹

   1:  using System;

   2:  using System.Collections.Generic;

   3:  using System.IO;

   4:  using System.Linq;

   5:  using System.Web;

   6:  using System.Web.Mvc;

7:

   8:  namespace MvcApplication2.Controllers

   9:  {

  10:      public class HomeController : Controller

  11:      {

  12:          public ActionResult Index()

  13:          {

  14:              return View();

  15:          }

16:

  17:          public ActionResult MultiUpload(IEnumerable<HttpPostedFileBase> files)

  18:          {

  19:              string pathForSaving = Server.MapPath("~/Uploads");

  20:              if (this.CreateFolderIfNeeded(pathForSaving))

  21:              {

  22:                  foreach (var file in files)

  23:                  {

  24:                      if (file != null && file.ContentLength > 0)

  25:                      {

  26:                          var path = Path.Combine(pathForSaving, file.FileName);

  27:                          file.SaveAs(path);

  28:                      }

  29:                  }

  30:              }

31:

  32:              return RedirectToAction("Index");

  33:          }

34:

  35:          // 检查是否要创建上传文件夹

  36:          private bool CreateFolderIfNeeded(string path)

  37:          {

  38:              bool result = true;

  39:              if (!Directory.Exists(path))

  40:              {

  41:                  try

  42:                  {

  43:                      Directory.CreateDirectory(path);

  44:                  }

  45:                  catch (Exception)

  46:                  {

  47:                      //TODO：处理异常

  48:                      result = false;

  49:                  }

  50:              }

  51:              return result;

  52:          }

  53:      }

  54:  }

55:

□ Home/Index.cshtml视图

   1:  @{

   2:      ViewBag.Title = "Index";

   3:      Layout = "~/Views/Shared/_Layout.cshtml";

   4:  }

5:

   6:  @using (Html.BeginForm("MultiUpload", "Home", FormMethod.Post, new {enctype = "multipart/form-data"}))

   7:  {

   8:      <input type="file" name="files" id="file1" /><br/>

   9:      <input type="file" name="files" id="file2" /><br/>

  10:      <input type="file" name="files" id="file3" /><br/>

  11:      <input type="submit" value="同时上传多个文件" />

  12:  }

注意：name属性值与控制器方法参数对应。

□ 结果

选择上传2个文件：

上传成功后，自动创建了文件夹Uploads：

Uploads中只有2个文件：

□ 为什么使用HttpPostedFileBase而不是FormCollection来接收文件

public sealed class FormCollection : NameValueCollection, IValueProvider

可见，FormCollection是键值集合，键是string类型，值是string类型，而上传的文件类型不是string，所以不能用FormCollection作为参数来接收文件。

参考资料

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

MVC文件上传02-使用HttpPostedFileBase上传多个文件的更多相关文章

MVC文件上传 - 使用jquery异步上传并客户端验证类型和大小
本篇体验MVC上传文件,从表单上传过渡到jquery异步上传. MVC最基本的上传文件是通过form表单提交方式 □ 前台视图部分 <% using(Html.BeginForm("F ...
MVC文件图片ajax上传轻量级解决方案,使用客户端JSAjaxFileUploader插件01-单文件上传
前段时间做了几个关于图片.文件上传的Demo,使用客户端Query-File-Upload插件和服务端Badkload组件实现多文件异步上传,比如"MVC文件上传04-使用客户端jQuery ...
ASP.NET MVC 网站开发总结（二）——一个或多个文件的异步或同步上传
简而言之,直接用代码展示如何实现文件的上传,这里需要使用到一个bootstrap的文件上传插件File Input(请自行下载). 前台页面:  <!DOCTYPE h ...
MVC文件上传-使用jQuery.FileUpload和Backload组件实现文件上传
本篇使用客户端jQuery-File-Upload插件和服务端Badkload组件实现多文件异步上传.MVC文件上传相关兄弟篇: 处理文件上传的服务端组件Backload 用于处理文件上传的服务端组件 ...
mvc文件上传支持批量上传，拖拽以及预览，文件内容校验等
使用bootstrap-fileinput 使用方式: 1.nuget:Install-Package bootstrap-fileinput 2.语言本地化{下载fileinput_locale_z ...
30分钟玩转Net MVC 基于WebUploader的大文件分片上传、断网续传、秒传（文末附带demo下载）
现在的项目开发基本上都用到了上传文件功能,或图片,或文档,或视频.我们常用的常规上传已经能够满足当前要求了, 然而有时会出现如下问题: 文件过大(比如1G以上),超出服务端的请求大小限制: 请求时间过 ...
在MVC应用程序中，怎样删除上传的文件
在ASP.NET MVC应用程序中,怎样删除上传的文件. 由于上传时,真正文件是存储在应用程序某一目录,在数据库表中,只是存储其基本信息.在删除时,需要注意一下,由于没有事务可操作.Insus.NET ...
mvc file控件无刷新异步上传操作
前言上传文件应该是很常见必不可少的一个操作,网上也有很多提供的上传控件.今天遇到一个问题:input控件file无法进行异步无刷新上传.真真的感到别扭.所以就尝试这去处理了一下.主要分三个部分:上传 ...
ASP.NET Core文件上传与下载(多种上传方式)
前言前段时间项目上线,实在太忙,最近终于开始可以研究研究ASP.NET Core了. 打算写个系列,但是还没想好目录,今天先来一篇,后面在整理吧. ASP.NET Core 2.0 发展到现在,已经 ...

随机推荐

ZOJ 3469 Food Delivery(区间DP好题)
题目链接:http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemId=4255 题目大意:在x轴上有n个客人,每个客人每分钟增加的愤怒值不同. ...
JS Ajax异步请求发送列表数据后面多了[]
还在苦逼的写代码,这里就不详细了,直接抛出问题: 如图所示: 前端ajax请求向后端发送数据的时候,给key添加了[]出现很多找不到原因, 后面在说解决方法: 暂时先这样记录一下,下次方便查找,好了 ...
Hive（一）Hive初识
一 Hive 简介什么是Hive 1.Hive 由 Facebook 实现并开源 2.是基于 Hadoop 的一个数据仓库工具 3.可以将结构化的数据映射为一张数据库表 4.并提供 HQL(Hive ...
TCP和UDP的9个区别是什么
TCP和UDP是两个传输层协议,广泛应用于网络中不同主机之间传输数据.对任何程序员来说,熟悉TCP和UDP的工作方式都是至关重要的.这就是为什么TCP和UDP是一个流行的Java编程面试问题.我曾经在 ...
两种方法设置nginx并发限制下面的白名单策略
前言: 今天,公司主站突然出现IDE创建应用没反应的问题,经过预发布环境.非代理环境下面的服务测试,均没有问题,定位问题出现在前端.而我们前端有两层代理,一是青松抗D系统,一是我们自己的nginx代理 ...
vue2.0组件通信各种情况总结与实例分析
Props在vue组件中各种角色总结在Vue中组件是实现模块化开发的主要内容,而组件的通信更是vue数据驱动的灵魂,现就四种主要情况总结如下: 使用props传递数据---组件内部 //html & ...
python3下django连接mysql数据库
1.安装pymysql pip install pymysql 有一点需要注意,有的系统(比如ubuntu16.04)同时安装了python2和python3,而比较新的django需要在python ...
HP电脑的增霸卡功能操作详解
机房管理中HP电脑的增霸卡功能操作详解一.软件去除保护 1).电脑开机后等待进入增霸卡选择系统界面: 2).按F1帮助,F10进入增霸卡BIOS界面: 3).光标切换到>>>系统还 ...
Adobe Audition CC 2017 (10.0)安装教程
Adobe Audition CC 2017 (10.0)安装教程注:下载地址在文章末尾第一步:首先请将电脑的网络断开,很简单:禁用本地连接或者拔掉网线,这样就可以免除登录Creative Clo ...
Python面向对象中super用法与MRO机制
1. 引言最近在研究django rest_framework的源码,老是遇到super,搞得一团蒙,多番查看各路大神博客,总算明白了一点,今天做一点总结. 2. 为什么要用super 1)让代码维 ...

MVC文件上传02-使用HttpPostedFileBase上传多个文件

MVC文件上传02-使用HttpPostedFileBase上传多个文件的更多相关文章

随机推荐

热门专题