AjaxUploader使用
<httpModules>
????<add name="CuteWebUI.UploadModule" type="CuteWebUI.UploadModule,CuteWebUI.AjaxUploader"/>
</httpModules>
<CuteWebUI:Uploader id="uploaderFile" TempDirectory="~/UploaderTemp" runat="server"></CuteWebUI:Uploader>
或<add key="CuteWebUI.AjaxUploader.TempDirectory" value="~/UploaderTemp"/>
<CuteWebUI:Uploader runat="server" ID="uploaderFile">
????<Validateoption MaxSizeKB="1000"/>
</CuteWebUI:Uploader>
或<add key="CuteWebUI.AjaxUploader.GlobalMaxSizeKB" values="1000"/>
Please note that this setting will not work for small files or silverlight upload mode.
<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="取消上傳"/>
<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>
在上面基礎上添加ProgressTextTemplate屬性
%P%:進度百分比
%T%:估計剩余時間(秒)
%F%:當前文件名
%SEND%:已經上傳文件大小
%SIZE%:文件大小
%KBPS%:當前上傳速度(KB/sec)
%BPS%:當前上傳速度(B/sec)
:換行
方法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使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 步步为营VS 2008 + .NET 3
- 下一篇: 成功者的思维方式