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 ...
随机推荐
- [BTS] BizTalk host BizTalkServerApplication throttled because DatabaseSize exceeded the configured throttling limit.
Log Name: ApplicationSource: BizTalk ServerDate: 7/22/2013 6:10:38 PMEvent ID: 7001Task Category: Bi ...
- spring 配置定时任务
spring的定时任务配置分为三个步骤:1.定义任务2.任务执行策略配置3.启动任务1.定义任务 <!--要定时执行的方法--> <bean id="testTaskJob ...
- 定义一个时钟类——Clock,它包括三个int型 成员变量分别表示时、分、秒,一个构造方法用于对三个成员变量(时、分、秒) 进行初始化,还有一个成员方法show()用于显示时钟对象的时间。其次,再定义 一个主类——TestClass,在主类的main方法中创建多个时钟类的对象,使用这 些对象调用方法show()来显示时钟的时间
package java1; public class Clock { int hhh; int mmm; int sss; Clock(int h,int m,int s) { hhh=h; mmm ...
- SAP大数据为"海上F1"提供技术支持
“海上F1”的2014极限帆船赛在青岛开赛,这场大赛是技术与体育高度融合的盛会.比赛中,每一个船员将使用各种高新技术,应尽所能,战胜对手.很多人之所以喜欢这样的比赛,是因为帆船比赛是世界上最复杂的一项 ...
- 发布 PM2.5 数据的城市列表
"三亚","三门峡","上海","东莞","东营","中山","临安& ...
- [leetcode]Find Minimum in Rotated Sorted Array II @ Python
原题地址:https://oj.leetcode.com/problems/find-minimum-in-rotated-sorted-array-ii/ 解题思路:这道题和上一道题的区别是,数组中 ...
- MySQL 错误
(1) Ignoring query to other database D:\Program Files\MySQL\MySQL Server 5.6\bin>mysql -Uroot 原因是 ...
- BabeLua
http://cn.cocos2d-x.org/tutorial/show?id=507 command : -workdir E:\xg_svn\client\cocos2d-x-2.2.2\pro ...
- EventBus 3.0使用
在没用eventBus之前一直用Android广播方式通知消息更新UI 广播写法 首先发送广播通知 Intent intent = new Intent(); intent.setAction(&qu ...
- Swift中对C语言接口缓存的使用以及数组、字符串转为指针类型的方法
由于Swift编程语言属于上层编程语言,而Swift中由于为了低层的高性能计算接口,所以往往需要C语言中的指针类型,由此,在Swift编程语言刚诞生的时候就有了UnsafePointer与Unsafe ...