南强小屋 Design By 杰米

文件上传简单实现是非常容易的,但是想要更高的要求,比如通过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的详细讲解可以查看https://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]),想了解其他参数的可看这个https://www.jb51.net/article/95425.htm 。

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

<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 = 0;
  for (int i = 0; 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(), 400, 300, "", @"D:\水印log.jpg");
   }
   else
   {
   ImageHelper.ZoomAuto(sm, fileName.ToString(), 400, 300, "水印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文件上传,asp.net多文件上传,asp.net大文件上传

南强小屋 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
南强小屋 Design By 杰米

评论“asp.net多文件上传实例讲解”

暂无asp.net多文件上传实例讲解的评论...

《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。