一、简单上传(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)
{ }