1. 简介:
    1. 下载地址:http://ajaxuploader.com/download/Ajax-Uploader.zip
    2. 官方网站:http://ajaxuploader.com/
    3. 费用列表:http://ajaxuploader.com/Order.aspx
  2. 初步使用:
    1. 将CuteWebUI.AjaxUploader.dll和AjaxUploader.lic添加到Bin文件夹中。
    2. 在Web.config的httpModules列表中添加AjaxUploader httpModule。

      <httpModules>

      <add name="CuteWebUI.UploadModule" type="CuteWebUI.UploadModule,CuteWebUI.AjaxUploader"/>

      </httpModules>

    3. 设置文件临时文件

      <CuteWebUI:Uploader id="uploaderFile" TempDirectory="~/UploaderTemp" runat="server"></CuteWebUI:Uploader>

      或<add key="CuteWebUI.AjaxUploader.TempDirectory" value="~/UploaderTemp"/>

    4. 设置上传文件大小

      <CuteWebUI:Uploader runat="server" ID="uploaderFile">

      <Validateoption MaxSizeKB="1000"/>

      </CuteWebUI:Uploader>

      或<add key="CuteWebUI.AjaxUploader.GlobalMaxSizeKB" values="1000"/>

    5. 限制上传速度  

       <add key="CuteWebUI.AjaxUploader.UploadSpeedKB" values="20"/>
      Please note that this setting will not work for small files or silverlight upload mode.

  3. 自定义UI
    1. 自定义上传按钮

      <CuteWebUI:Uploader ID="uploaderImg" ruant="server" InsertButtonID="btnUpload"></CuteWebUI:Uploader>

      <asp:Button ID="btnUpload" runat="server" Text="上传图片"/>

    2. 自定义取消按钮

      <CuteWebUI:Uploader ID="uploaderImg" runat="server" CancelButtonID="btnCancel"></CuteWebUI:Uploader>

      <asp:Button ID="btnCancel" runat="server" Text="取消上传"/>

    3. 自定义进度栏面板

      <CuteWebUI:Uploader ID="uploaderImg" runat="server" ProgressCtrlID="panel" ProgressTextID="label"></CueWebUI:Uploader>

      <asp:Panel ID="panel" runat="server">

      <asp:Label ID="label" runat="server"></asp:Label>

      </asp:Panel>

    4. 自定义进度模板

      在上面基础上添加ProgressTextTemplate属性

      %P%:进度百分比

      %T%:估计剩余时间(秒)

      %F%:当前文件名

      %SEND%:已经上传文件大小

      %SIZE%:文件大小

      %KBPS%:当前上传速度(KB/sec)

      %BPS%:当前上传速度(B/sec)

      :换行

    5. 创建自定义队列的表

      方法1:

      <CuteWebUI:UploadAttachments runat="server" ID="UploadAttachments1"></CuteWebUI:UploadAttachments>

      <div id="queuediv" style="display:none">

      <div id="queuedivtablecontainer"></div>

      <div style="font-size:larger;padding-let:100px;margin:4px;">

      <a href="#" οnclick="cancelalltasks();return false;">Cancel All Tasks.</a>

      </div>

      </div>

      <script>

      Var uploader = document.getElementById("<%= UploaderAttachments1.ClientID %>");

      uploader.handlequeueui = myqueueuihandler;

      function myqueueuihandler(list)

      {

      if(list.length < 2)

      document.getElementById("queuediv").style.display="none";

      else{

      document.getElementById("queuediv").style.display="";

      var container = document.getElementById("queuedivtablecontainer");

      var table = document.createElement("table");

      table.style.borderCollapse="collapse";

      table.cellSpacing=0;

      table.cellPadding = 4;

      table.border=1;

      table.borderColor = "darkgreen";

      for(var i =0;i<list.length;i++){

      var name = list[i].FileName;

      var size = list[i].FileSize;

      var stat = list[i].Status;

      var func = list[i].Cancel;

      var row = table.insertRow(-1);

      if(stat=="Queue"){

      var btn = document.createElement(" A");

      btn.href="javascript:void(0)";

      btn.οnclick=func;

      btn.innerHTML ="Cancel";

      last.appendChild(btn);

      }else{

      Last.innertHTML = stat;

      }

      }

      Container.appendChild(table);

      }

      Return false;

      }

      function cancelalltasks(){

      Uploader.cancelall();

      }

      </script>

      方法二:

      Protected void Attachments1_PreRender()

      {

      Attachments1.GetItemsTable().Visible = false;

      DataList1.DataSource = Attachments1.Items;

      DataList1.DataBind();

      }

      <CuteWebUI:UploadAttachments ID="Attachments1" runat="server" OnPreRender=""></CuteWebUI:UploaderAttachments>

      <asp:DataList ID="datalist" runat="server">

      <ItemTemplate>

      <table border="1">

      <tr>

      <td><%# Eval("FileName") %></td><td><%# Eval("FileSize") %></td><td><%# Eval("FileGuid") %></td>

      </tr>

      </table>

      </ItemTemplate>

      </asp:DataList>

(未完、待续)

转载于:https://www.cnblogs.com/AngelLee2009/archive/2011/09/29/2194996.html

AjaxUploader使用相关推荐

  1. simple ajax uploader,AjaxUploader使用

    一.简单上传(Simple Upload with Progress) protected void Uploader_FileUploaded(object sender, UploaderEven ...

  2. .net ajax式上传文件

    今天在这里介绍一下ajax上传文件.其实也不算是真的使用xmlhttprequest上传,只是使用了iframe实现了无刷新上传而已,最多也只算是仿ajax上传文件.然而网上关于使用xmlhttpre ...

  3. MVCWebForm对照学习:文件上传(以图片为例)

    MVC&WebForm对照学习:文件上传(以图片为例) 在web应用中,文件上传是个很普遍的功能,那么今天就来小结一下asp.net中文件上传的方式.首先我们快速来回忆一下WebForm中的文 ...

  4. uploader什么意思_webuploader

    web,uploader使用教程(共6篇)ASP FSO操作文件(复制文件.重命名文件.删除文件.替换字符串)FSO的意思是FileSystemObject,即文件系统对象.FSO对象模型包含在Scr ...

最新文章

  1. Failed building wheel for netifaces
  2. C指针原理(15)-C指针基础
  3. (JAVA)红黑树之自然顺序排序和自定义排序方式
  4. 第一百八十二节,jQuery-UI,知问前端--日历 UI
  5. Tomcat学习总结(11)——Linux下的Tomcat安全优化
  6. directx修复工具win7_win7提示explorer.exe应用程序错误的解决方法
  7. QTCreator中字符编码问题以及WINDOWS API A/W两种版本的说明
  8. OC中Runtime浅析
  9. JAVA的if用法比如if(...){} 和if()没有区别
  10. 计算机图形图像学研究,计算机图形学与图形图像处理技术
  11. iOS MOV转MP4
  12. python字符串加减乘除_从字符串解析加减乘除符号
  13. 开源推荐 - CoDo开源一站式DevOps平台
  14. CUDA 编程 __launch_bounds__的应用方法
  15. CCIE理论-第十二篇-IPV6-NDP协议
  16. 【CSS】纯css实现立体摆放图片效果
  17. 多米诺骨牌问题Push Dominoes
  18. js组件化、模块化开发
  19. C语言中extern用法详解
  20. easyUI前端框架的tree(树)前台展示(树形菜单二)——java

热门文章

  1. try catch finally 关闭流标准的写法
  2. 三、依赖注入是什么?
  3. BTrace是一个非常不错的java诊断工具
  4. activiti 5.21工作流规则引擎扩展(businessRuleTask)
  5. SQL MIN() 函数
  6. 国际域名和境外域名能否提交备案
  7. 黄聪:WordPress 启用HTTPS设置(转)
  8. 阿里巴巴集团成为国家信息安全漏洞库(CNNVD)技术支撑单位
  9. 《HTTP权威指南》学习笔记——HTTP报文
  10. JS获取当前日期及时间