AjaxUploader使用
- 简介:
- 下载地址:http://ajaxuploader.com/download/Ajax-Uploader.zip
- 官方网站:http://ajaxuploader.com/
- 费用列表: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>
- 设置文件临时文件
<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"/>
- 限制上传速度
<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="取消上传"/>
- 自定义进度栏面板
<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使用相关推荐
- simple ajax uploader,AjaxUploader使用
一.简单上传(Simple Upload with Progress) protected void Uploader_FileUploaded(object sender, UploaderEven ...
- .net ajax式上传文件
今天在这里介绍一下ajax上传文件.其实也不算是真的使用xmlhttprequest上传,只是使用了iframe实现了无刷新上传而已,最多也只算是仿ajax上传文件.然而网上关于使用xmlhttpre ...
- MVCWebForm对照学习:文件上传(以图片为例)
MVC&WebForm对照学习:文件上传(以图片为例) 在web应用中,文件上传是个很普遍的功能,那么今天就来小结一下asp.net中文件上传的方式.首先我们快速来回忆一下WebForm中的文 ...
- uploader什么意思_webuploader
web,uploader使用教程(共6篇)ASP FSO操作文件(复制文件.重命名文件.删除文件.替换字符串)FSO的意思是FileSystemObject,即文件系统对象.FSO对象模型包含在Scr ...
最新文章
- Failed building wheel for netifaces
- C指针原理(15)-C指针基础
- (JAVA)红黑树之自然顺序排序和自定义排序方式
- 第一百八十二节,jQuery-UI,知问前端--日历 UI
- Tomcat学习总结(11)——Linux下的Tomcat安全优化
- directx修复工具win7_win7提示explorer.exe应用程序错误的解决方法
- QTCreator中字符编码问题以及WINDOWS API A/W两种版本的说明
- OC中Runtime浅析
- JAVA的if用法比如if(...){} 和if()没有区别
- 计算机图形图像学研究,计算机图形学与图形图像处理技术
- iOS MOV转MP4
- python字符串加减乘除_从字符串解析加减乘除符号
- 开源推荐 - CoDo开源一站式DevOps平台
- CUDA 编程 __launch_bounds__的应用方法
- CCIE理论-第十二篇-IPV6-NDP协议
- 【CSS】纯css实现立体摆放图片效果
- 多米诺骨牌问题Push Dominoes
- js组件化、模块化开发
- C语言中extern用法详解
- easyUI前端框架的tree(树)前台展示(树形菜单二)——java