AjaxUploader使用
一、简单上传(Simple Upload with Progress)
<CuteWebUI:Uploader ID="ajaxUploader" runat="server" InsertText="上传文件" OnFileUploaded="Uploader_FileUploaded">
</CuteWebUI:Uploader>
protected void Uploader_FileUploaded(object sender, UploaderEventArgs args)
{
args.MoveTo(args.FileName);
}
二、多文件上传(Selecting multiple files for uploading)
<CuteWebUI:Uploader ID="ajaxUploader" runat="server" MultipleFilesUpload="true" InsertText="上传多个文件" OnFileUploaded="Uploader_FileUploaded">
</CuteWebUI:Uploader> protected void Uploader_FileUploaded(object sender, UploaderEventArgs args)
{
args.MoveTo(args.FileName);
}
三、自定义UI(Simple Upload with Progress (Customizing the UI))
<CuteWebUI:Uploader ID="ajaxUploader" runat="server" InsertText="上传文件" InsertButtonID="ajaxUploaderInsert" CancelButtonID="ajaxUploaderCancel" ProgressCtrlID="ajaxUploaderProgress" ProgressTextID="ajaxUploaderProgressText" OnFileUploaded="Uploader_FileUploaded">
</CuteWebUI:Uploader>
<asp:Image ID="ajaxUploaderInsert" runat="server" AlternateText="上传" ImageUrl="http://ajaxuploader.com/sampleimages/upload.png" />
<asp:Panel ID="ajaxUploaderProgress" runat="server" BorderColor="Orange" BorderStyle="dashed" BorderWidth="">
<asp:Label ID="ajaxUploaderProgressText" runat="server" ForeColor="Firebrick"></asp:Label>
</asp:Panel>
<asp:Image ID="ajaxUploaderCancel" runat="server" AlternateText="取消上传" ImageUrl="http://ajaxuploader.com/sampleimages/cancel_button.gif" /> protected void Uploader_FileUploaded(object sender, UploaderEventArgs args)
{
args.MoveTo(args.FileName);
}
四、自定义验证(Custom Validation)
<CuteWebUI:Uploader ID="ajaxUploader" runat="server" InsertText="上传文件" OnFileUploaded="Uploader_FileUploaded">
<ValidateOption AllowedFileExtensions="jpeg,jpg,gif,png" MaxSizeKB="" />
</CuteWebUI:Uploader>
五、添加附件(Uploading multiple files like GMail)
<CuteWebUI:UploadAttachments ID="ajaxUploadAttachments" runat="server" InsertText="上传文件" MultipleFilesUpload="true"></CuteWebUI:UploadAttachments>
<asp:Button ID="BtnDeleteAll" runat="server" Text="全部删除" OnClick="BtnDeleteAll_Click" /> protected void BtnDeleteAll_Click(object sernder, EventArgs args)
{
ajaxUploadAttachments.DeleteAllAttachments();
}
六、(Persist uploaded files through postback)
<CuteWebUI:UploadPersistedFile ID="ajaxUploadPersistedFile" runat="server" InsertText="上传文件" OnFileChanged="ajaxUploadPersistedFile_FileUploaded"></CuteWebUI:UploadPersistedFile> protected void ajaxUploadPersistedFile_FileUploaded(object sender, PersistedFileEventArgs args)
{
args.MoveTo(args.FileName);
}
七、模拟文件上传(Simulate File Upload)
<CuteWebUI:Uploader ID="ajaxUploader" runat="server" InsertText="上传" OnFileUploaded="ajaxUploader_FileUploaded"></CuteWebUI:Uploader>
<CuteWebUI:UploadAttachments ID="ajaxUploadAttachments" runat="server" InsertText="上传" OnAttachmentAdded="ajaxUploadAttachments_AttachmentAdded"></CuteWebUI:UploadAttachments> protected void ajaxUploader_FileUploaded(object sender,UploaderEventArgs args)
{
using (Stream stream = args.OpenStream())
{
ajaxUploadAttachments.Upload(args.FileSize, args.FileName, stream);
}
} protected void ajaxUploadAttachments_AttachmentAdded(object sender,AttachmentItemEventArgs args)
{
Response.Write(args.Item.FileName);
八、允许最大上传数量(Limit the maximum number of files allowed to upload)
<CuteWebUI:Uploader ID="ajaxUploader" runat="server" InsertText="上传" MultipleFilesUpload="true" OnFileUploaded="ajaxUploader_FileUploaded"></CuteWebUI:Uploader>
<CuteWebUI:UploadAttachments ID="ajaxUploadAttachments" runat="server" OnAttachmentAdded="ajaxUploadAttachments_AttachmentAdded"></CuteWebUI:UploadAttachments> private int GetVisibleItemCount()
{
int count = ;
foreach (AttachmentItem item in ajaxUploadAttachments.Items)
{
count++;
}
return count;
} protected override void OnPreRender(EventArgs e)
{
base.OnPreRender(e);
ajaxUploader.InsertButton.Enabled = GetVisibleItemCount() < ;
} protected void ajaxUploader_FileUploaded(object sender, UploaderEventArgs args)
{
if (GetVisibleItemCount() >= )
return;
using (Stream stream = args.OpenStream())
{
ajaxUploadAttachments.Upload(args.FileSize, "ChangeName-" + args.FileName, stream);
}
} protected void ajaxUploadAttachments_AttachmentAdded(object sender, AttachmentItemEventArgs args)
{ }
九、手动开始上传(Start uploading manually)
<script type="text/javascript">
function submitbutton_click() {
var submitButton = document.getElementById('<%=BtnSubmit.ClientID %>');
var uploadObj = document.getElementById('<%=ajaxUploadAttachments.ClientID %>');
if (!window.filesuploaded) {
if (uploadObj.getqueuecount() > ) {
uploadObj.startupload();
} else {
var uploadedcount = parseInt(submitButton.getAttribute("itemcount")) || ;
if (uploadedcount > ) {
return true;
}
alert("Please browse files for uploading");
}
return false;
}
window.filesuploaded = false;
return true;
}
function CuteWebUI_AjaxUploader_OnPostback() {
window.filesuploaded = true;
var submitbutton = document.getElementById('<%=BtnSubmit.ClientID %>');
submitbutton.click();
return false;
}
</script> <CuteWebUI:UploadAttachments ID="ajaxUploadAttachments" runat="server" ManualStartUpload="true" InsertText="上传" OnFileUploaded="ajaxUploadAttachments_FileUploaded"></CuteWebUI:UploadAttachments>
<asp:Button ID="BtnSubmit" runat="server" Text="开始上传" OnClientClick="return submitbutton_click()" /> protected override void OnPreRender(EventArgs e)
{
BtnSubmit.Attributes["itemcount"] = ajaxUploadAttachments.Items.Count.ToString();
base.OnPreRender(e);
}
protected void ajaxUploadAttachments_FileUploaded(object sender, UploaderEventArgs args)
{ }
AjaxUploader使用的更多相关文章
- MVC&WebForm对照学习:文件上传(以图片为例)
原文 http://www.tuicool.com/articles/myM7fe 主题 HTMLMVC模式Asp.net 博客园::首页:: :: :: ::管理 5 Posts :: 0 ...
- .net ajax式上传文件
今天在这里介绍一下ajax上传文件.其实也不算是真的使用xmlhttprequest上传,只是使用了iframe实现了无刷新上传而已,最多也只算 是仿ajax上传文件.然而网上关于使用xmlhttpr ...
随机推荐
- Cmd命令
write----------写字板 mspaint--------画图板 mobsync--------同步命令 eudcedit-------造字程序 dvdplay--------DVD播放器 ...
- avalon实现一个简单的带增删改查的成绩单
自从angular问世,一直就有去了解学习angular,一直想用angular去做一个项目,但无奈,大ng是国外产物,ng1.2版本就只兼容到IE8,1.3后的几个版本提升到IE9,据说NG2.0更 ...
- JS练习题1共7题
<p>1 一个新人入职,月工资为2000元的员工,每年涨工资5%,到退休时的月工资是多少?</p> <script> document.write(Math.rou ...
- java 初学者需注意问题
1.Java为什么能跨平台运行? Java语言编写的程序既是编译型的,又是解释型的.程序代码经过编译之后转换为一种Java字节码的中间语言,Java虚拟机即JVM将对字节码进行解释和运行.编译只进行一 ...
- iOS开发-Alpha,Hidden与Opaque区别
UIView中的这三个属性用的比较多,尤其是Alpha和Opaque之间有的时候不是很好分别,稍微整理下: Alpha(不透明度) alpha是不透明度,属性为浮点类型的值,取值范围从0到1.0,表示 ...
- el表达式的function标签
使用el调用Java方法 1:EL表达式语法允许开发人员开发自定义函数,以调用java类的方法. ~示例:${el:method(params)} ~在EL表达式中调用的只能是java类的静态方法. ...
- Liferay7 BPM门户开发之35: AssetTag的集成查询
Tag是liferay中的Asset特性,可以用来对信息进行分类,在iferay中的Asset类型为: 1. Web Content(自定义内容) 2. Documents and Media(文档库 ...
- linux中touch命令参数修改文件的时间戳(转)
linux中touch命令参数不常用,一般在使用make的时候可能会用到,用来修改文件时间戳,或者新建一个不存在的文件,以下是linux中touch命令参数的使用方法: touch [-acm][-r ...
- asp.net MVC的EF与easyui DataGrid数据绑定
页面代码 @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewpor ...
- PS脚本获取网络适配器状态
1. Get-WmiObject -Class Win32_NetworkAdapterConfiguration ` -filter "IPEnabled = $true" 2. ...