日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

AjaxUploader使用

發(fā)布時(shí)間:2024/4/15 编程问答 29 豆豆
生活随笔 收集整理的這篇文章主要介紹了 AjaxUploader使用 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
  • 簡(jiǎn)介:
  • 下載地址:http://ajaxuploader.com/download/Ajax-Uploader.zip
  • 官方網(wǎng)站:http://ajaxuploader.com/
  • 費(fèi)用列表:http://ajaxuploader.com/Order.aspx
  • 初步使用:
  • 將CuteWebUI.AjaxUploader.dll和AjaxUploader.lic添加到Bin文件夾中。
  • 在Web.config的httpModules列表中添加AjaxUploader httpModule。

    <httpModules>

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

    </httpModules>

  • 設(shè)置文件臨時(shí)文件

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

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

  • 設(shè)置上傳文件大小

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

    ????<Validateoption MaxSizeKB="1000"/>

    </CuteWebUI:Uploader>

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

  • 限制上傳速度  
  •    <add key="CuteWebUI.AjaxUploader.UploadSpeedKB" values="20"/>
      Please note that this setting will not work for small files or silverlight upload mode.
  • 自定義UI
  • 自定義上傳按鈕

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

    <asp:Button ID="btnUpload" runat="server" Text="上傳圖片"/>

  • 自定義取消按鈕

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

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

  • 自定義進(jìn)度欄面板

    <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>

  • 自定義進(jìn)度模板

    在上面基礎(chǔ)上添加ProgressTextTemplate屬性

    %P%:進(jìn)度百分比

    %T%:估計(jì)剩余時(shí)間(秒)

    %F%:當(dāng)前文件名

    %SEND%:已經(jīng)上傳文件大小

    %SIZE%:文件大小

    %KBPS%:當(dāng)前上傳速度(KB/sec)

    %BPS%:當(dāng)前上傳速度(B/sec)

    :換行

  • 創(chuàng)建自定義隊(duì)列的表

    方法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>

  • (未完、待續(xù))

    轉(zhuǎn)載于:https://www.cnblogs.com/AngelLee2009/archive/2011/09/29/2194996.html

    總結(jié)

    以上是生活随笔為你收集整理的AjaxUploader使用的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。

    如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。