文件上传简单实现是非常容易的,但是想要更高的要求,比如通过ajax上传文件、一次上传多个文件、文件比较大等等,这里面的坑就不是很容易填(对于新手来说)。因此在这里我准备通过ajax实现多文件上传。在开始贴代码之前,要注意几点:

  1.<input type="file" />是必须要加name的,不知道为什么不加name属性,后台获取不到文件数据(有办法的大神可以在评论区提醒我),然后是multiple属性,当multiple="multiple"时,file控件是可以多选需要上传的文件的(<input type="file" multiple="multiple"  name="myFile" />)。

  2.form要设enctype为multiple/form-data,multipart/form-data表示:不对字符编码,在使用包含文件上传控件的表单时,必须使用该值。关于enctype的详细讲解可以查看http://www.jb51.net/web/165444.html

  3.重点来了,ajax的参数设置里面有大坑(很多人都没注意ajax的众多参数),contentType和processData需要设为false,contentType明明被要求为string类型,但是这里要设为false(我也不知道为什么),网上关于contentType的说明大多是"contentType:要求为String类型的参数,当发送信息至服务器时,内容编码类型默认为"application/x-www-form-urlencoded"。该默认值适合大多数应用场合",还有个data要设为new FormData($(' ')[0]),想了解其他参数的可看这个http://www.cnblogs.com/babietongtianta/p/4543170.html

  下面就是简单的前台代码:

<form id="uploadForm" enctype="multipart/form-data" action="/Login/uploadFile" method="post">
<input type="file" multiple="multiple" id="PersonFile" name="MyFile" />
<button type="button" id="submitFile" onclick="uploadFile()">提交</button>
</form>
//上传文件
function uploadFile() {
debugger
$.ajax({
url: '/Login/uploadFile',
type: 'POST',
cache: false,
data: new FormData($('#uploadForm')[0]),
processData: false, // 关键点
contentType: false, // 关键点
success: function (result) {
if (result.Check) {
alert("成功");
}
else {
alert("失败");
}
var file = $("#PersonFile")
file.after(file.clone().val(""));
file.remove();
}
});
}

  现在轮到后台了,我这边后台是通过System.Web.HttpContext.Current.Request.Files获取文件数据集的,之后的代码我将以图片为例。

        [HttpPost]
public ActionResult uploadFile()
{
Result<string> check = new Result<string>();
try
{
HttpFileCollection files = System.Web.HttpContext.Current.Request.Files;
int number = ;
for (int i = ; i < files.Count; i++)
{
System.Text.StringBuilder fileName = new System.Text.StringBuilder();
fileName.Append(@"D:\");
fileName.Append(DateTime.Now.ToString("yyMMdd"));
fileName.Append(@"\");
if (!System.IO.Directory.Exists(fileName.ToString()))
{
System.IO.Directory.CreateDirectory(fileName.ToString());
}
fileName.Append(System.IO.Path.GetFileNameWithoutExtension(files[i].FileName));
fileName.Append(DateTime.Now.ToString("yyMMddHHmmss"));
fileName.Append(System.IO.Path.GetExtension(files[i].FileName)); System.IO.Stream sm = files[i].InputStream;
if (System.IO.File.Exists(@"D:\水印log.jpg"))
{
ImageHelper.ZoomAuto(sm, fileName.ToString(), , , "", @"D:\水印log.jpg");
}
else
{
ImageHelper.ZoomAuto(sm, fileName.ToString(), , , "水印LOG", "");
}
bool ok = System.IO.File.Exists(fileName.ToString());
if (ok)
{
number++;
}
}
if (number.Equals(files.Count))
{
check.Message = "上传成功!";
check.Check = true;
}
else
{
check.Message = "失败!";
check.Check = false;
}
return Json(check);
}
catch(Exception ex)
{
check.Message = ex.ToString();
check.Check = false;
return Json(check);
}
}
 /// <summary>
/// 返回值
/// </summary>
public class Result<T>
{
public string Message { get; set; }
public bool Check { get; set; }
public IList<T> ResultList { get; set; }
}

  其中用到了ImageHelper.ZoomAuto(),这个是吴剑大哥写的图片处理类,地址http://www.cnblogs.com/wu-jian/archive/2011/02/21/1959382.html。最后还有一个坑,就是asp.net对一次上传数据的大小是有限制的,要解除限制才能10个20个文件同时上传。如何解除限制?在web.config里面配置一下就OK了。代码如下:

<system.web>
<authentication mode="None" />
<compilation debug="true" targetFramework="4.5" />
<!--<httpRuntime targetFramework="4.5" />-->
<httpRuntime executionTimeout="500" maxRequestLength="409600" useFullyQualifiedRedirectUrl="false" minFreeThreads="8" minLocalRequestFreeThreads="4" appRequestQueueLimit="100" />
</system.web>

把<httpRuntime >放<system.web>节点下。

  

asp.net多文件上传的更多相关文章

  1. ASP.NET多文件上传实例

    在Web应用程序开发中,避免不了要用到上传文件这个功能,但以前上传文件是个很麻烦的事,现在有了.NET,文件上传变得轻而易举.下面的这个例子实现了多文件上传功能.可以动态添加输入表单,上传的文件数量没 ...

  2. ASP.NET - 多文件上传,纯代码,不使用插件

    解决方案: 前段代码: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Mu ...

  3. ASP.NET MVC 文件上传和路径处理

    ASP.NET MVC 文件上传和路径处理总结 目录 文件的上传和路径处理必须解决下面列出的实际问题: 1.重复文件处理 2.单独文件上传 3.编辑器中文件上传 4.处理文章中的图片路径 5.处理上传 ...

  4. 使用NeatUpload控件实现ASP.NET大文件上传

    使用NeatUpload控件实现ASP.NET大文件上传 一般10M以下的文件上传通过设置Web.Config,再用VS自带的FileUpload控件就可以了,但是如果要上传100M甚至1G的文件就不 ...

  5. ASP.NET MVC文件上传【转】

    最近用到了文件上传功能,下面给出ASP.NET MVC文件上传的一个简单示例: 一.前端代码 @using (Html.BeginForm("UploadFile", " ...

  6. [转载]ASP.NET Core文件上传与下载(多种上传方式)

    ASP.NET Core文件上传与下载(多种上传方式)   前言 前段时间项目上线,实在太忙,最近终于开始可以研究研究ASP.NET Core了. 打算写个系列,但是还没想好目录,今天先来一篇,后面在 ...

  7. ASP.NET Core文件上传IFormFile于Request.Body的羁绊

    前言 在上篇文章深入探究ASP.NET Core读取Request.Body的正确方式中我们探讨了很多人在日常开发中经常遇到的也是最基础的问题,那就是关于Request.Body的读取方式问题,看是简 ...

  8. ASP.NET Core 文件上传

    前言 上篇博文介绍了怎么样在 asp.net core 使用 Redis 和 Protobuf 进行 Session缓存.本篇的是开发过程中使用的一个小功能,怎么做单文件和多文件上传. 如果你觉得对你 ...

  9. ASP.NET 大文件上传的简单处理

    在 ASP.NET 开发的过程中,文件上传往往使用自带的 FileUpload 控件,可是用过的人都知道,这个控件的局限性十分大,最大的问题就在于上传大文件时让开发者尤为的头疼,而且,上传时无法方便的 ...

  10. ASP.NET Core文件上传与下载(多种上传方式)

    前言 前段时间项目上线,实在太忙,最近终于开始可以研究研究ASP.NET Core了. 打算写个系列,但是还没想好目录,今天先来一篇,后面在整理吧. ASP.NET Core 2.0 发展到现在,已经 ...

随机推荐

  1. 编写按键驱动以及在framework层上报按键事件

    平台信息:内核:linux3.10 系统:android6.0平台:RK3288 前言:本文主要实现的功能是在android系统中添加一个按键,在驱动层使用定时器,每隔1秒钟向上层发送按键实现,fra ...

  2. mysql学习笔记(七)—— MySQL内连接和外连接

        MySQL内连接(inner join on) MySQL的内连接使用inner join on,它的效果跟使用where是一样的,如果联结的是两个表,那么需要左右的条件或者说字段是需要完全匹 ...

  3. XML与TreeView

    1.treeview代码书写 private void Form1_Load(object sender, EventArgs e) { //代码为TreeView添加子项 treeView1.Con ...

  4. Java中String args[]起什么作用?

    在百度知道上看到这样一个答案: 在命令提示符中运行该程序时 可以附加参数运行 输入的参数会存入到字符传数组 args[]中例如:在命令提示符中运行该程序的时候假设该程序在D的JAVA文件夹中D:JAV ...

  5. python 复制文件流程

    例子代码: [root@master script]# vim copy_file.py #!/usr/bin/python # -*- coding:utf-8 -*- old_file_name ...

  6. AutoIt:如何处理应用程序端口被占用的情况

    为公司的部署工程师书写了一个autoIt应用程序,现在遇到下面的一种情况: 产品分服务器端和客户端,启动的时候,会启用1785端口,然后彼此通信: 现在我的autoIt应用程序需要做的事情是: 如果1 ...

  7. MSD3393/MSD3463 屏参及REG对照表

    概述:TIMMING组成 MOD: BANK:0x1032 VOP: SC_BK10 注意BANK对应: VOP: SC_BK10 例如:MS_U16 m_wPanelHTotal;   Sub VO ...

  8. zynq交叉编译环境设置

    环境准备 Vmware 虚拟机:ubuntu14.04 下载安装文件 环境设置 按照上面地址下载 xilinx-2011.09-50-arm-xilinx-linux-gnueabi.bin 将das ...

  9. Flutter实战视频-移动电商-55.购物车_底部结算栏UI制作

    55.购物车_底部结算栏UI制作 主要做下面结算这一栏目 cart_bottom.dart页面 先设置下内边距 拆分成三个子元素 全选 因为有一个文本框和一个全选的text文本,所以这里也用了Row布 ...

  10. jQuery 实现网页跳转或用命令打开指定网页!

    Jquery实现网页跳转或用命令打开指定网页! location.href = "www.baidu.com"; location.href = "aa.aspx&quo ...