Uploadify控件如何在ASP.NET中使用

  介绍

Uploadify控件如何在ASP.NET中使用?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

对于Uploadify文件上传之前已经讲过一次(文件上传~ Uploadify上传控件),只不过没有涉及到多文件的上传,这回主要说一下多个文件的上传,首先,我们要清楚一个概念,多文件上传前端Uploadify是通过轮训的方式去调用我们的后台上传程序的,所以,对于多文件上传来说,也没什么稀奇的。

<>强一HTML模版

& lt;脚本类型=拔谋?html"id=發iTemp"比;   & lt; li>   & lt; !——上传后状态——比;   & lt; div类=癡edioChange"祝辞   & lt; dl>   & lt; dt>   & lt; a href=癹avascript:“比;   & lt; img宽度=?40”;身高=& # 39;92 & # 39;src=皗src}“;alt=皗alt}“;/祝辞& lt;跨类=皃layIcon"祝辞& lt;/span> & lt;/a>   & lt;输入类型=癶idden"name=癏dFileURL"值=皗FilePath}“;/祝辞;& lt; br/比;   & lt;输入类型=癶idden"name=癏dImagePath"值=皗ImagePath}“;/祝辞;& lt; br/比;   & lt;输入类型=癶idden"name=癏dSourceName"值=皗SourceName}“;/祝辞;& lt; br/比;   & lt;输入类型=癶idden"name=癏dFileSize"值=皗文件大小}“;/祝辞;& lt; br/比;   & lt;/dt>   & lt; dd> & lt; a href=癹avascript:“类=發ookBig"祝辞预览& lt;/a>,,,,& lt; a href=癹avascript:“类=皉eselect"> & lt;脚本类型=拔谋?javascript"比;   美元(文档)。准备好(函数(){   $ (“# uploadify") .uploadify ({   & # 39;上传# 39;:& # 39;js/jquery.uploadify-v2.1.4/uploadify.swf& # 39;   & # 39;脚本# 39;:& # 39;UploadHandler.ashx& # 39;   & # 39;cancelImg& # 39;: & # 39; js/jquery.uploadify-v2.1.4/cancel.png& # 39;   & # 39;文件夹# 39;:& # 39;还是/& # 39;   & # 39;queueID& # 39;: & # 39; fileQueue& # 39;   & # 39;汽车# 39;:没错,   & # 39;多# 39;:没错,   & # 39;oncomplete # 39;:函数(事件、queueID fileObj、响应数据){//当单个文件上传完成后触发//事件:事件对象(事件对象)//ID:该文件在文件队列中的唯一表示//fileObj:选中文件的对象,他包含的属性列表//[名字]——已上传文件的名称//(filePath)——已上传文件在服务器上的路径//(大小)-文件的大学,单位为字节//(创建日期)-文件的创建日期//[modificationDate] -文件的最后修改日期//[型]-文件的扩展名,以“强生# 39;开始//响应:服务器端返回的响应文本,我这里返回的是处理过的文件名称//数据:文件队列详细信息和文件上传的一般数据   $ (“# preview") .append (dataTemplate(美元(“# liTemp")。text () {src:响应,alt: fileObj.name}));   },   & # 39;onError& # 39;:函数(事件、queueID fileObj){//当单个文件上传出错时触发   alert(“文件:“;+ fileObj.name +“;上传失败!“);   },   });   });   函数德尔(o) {   美元(o) .closest (“li") .remove ();   }   & lt;/script>

<强> html三代码

& lt; div类=皉t"比;   & lt; ul类=癱learfix w_VedioChange"id=皃review"比;   & lt;/ul>   & lt;/div>      & lt; div id=癴ileQueue"祝辞& lt;/div>

<强>四ashx代码

///& lt; summary>///UploadHandler总结描述///& lt;/summary>
  公开课UploadHandler: IHttpHandler
  {
  
  公共空间ProcessRequest (HttpContext上下文)
  {
  context.Response。ContentType=拔谋?plain";
  context.Response。Charset=皍tf-8";
  
  HttpPostedFile文件=context.Request.Files (“Filedata");
  字符串uploadPath=HttpContext.Current.Server.MapPath (@context.Request (“folder"));
  
  如果(文件!=null)
  {
  如果(! Directory.Exists (uploadPath))
  {
  Directory.CreateDirectory (uploadPath);
  }
  
  file.SaveAs(路径。结合(uploadPath file.FileName));
  
  var pathArr=uploadPath.Split (& # 39; \ \ & # 39;);
  
  context.Response.Write (HttpContext.Current.Request.Url.Scheme
  +“://,
  + HttpContext.Current.Request.Url.Authority
  +“/?
  + pathArr [pathArr。长度- 2)
  +“/?
  + pathArr [pathArr。长度- 1)
  +“/?
  + file.FileName);
  }
  其他的
  {
  context.Response.Write (“0”);
  }
  }
  
  公共bool IsReusable
  {
  得到
  {
  返回错误;
  }
  }
  }

看完上述内容,你们掌握Uploadify控件如何在ASP.NET中使用的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!

Uploadify控件如何在ASP.NET中使用