uploader上传控件

参考：http://ajaxuploader.com/document/index.htm

 

 

<asp:Button id=Uploader1Insert Text="上传附件" Height="25" Width="100" runat="server"></asp:Button>

<asp:Panel id=Uploader1Progress style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px" Height="10px" runat="server" BorderWidth="2" BorderStyle="dashed" BorderColor="Orange">

<asp:Label id=Uploader1ProgressText runat="server" ForeColor="Firebrick">

</asp:Label></asp:Panel>

<asp:Button id=Image2 Text="取消上传" Height="25" Width="100" runat="server" ValidationGroup="12"></asp:Button>

<cutewebui:uploader id=Uploader1 runat="server" onfileuploaded="Uploader_FileUploaded" canceltext="取消上传" inserttext="上传附件" insertbuttonid="Uploader1Insert" progresstextid="Uploader1ProgressText" progressctrlid="Uploader1Progress" filetoolargemsg="上传文件过大,最大为2M" cancelbuttonid="Image2" showprogressinfo="true" CancelAllMsg="全部取消" showprogressbar="true"><validateoption maxsizekb="2048" allowedfileextensions="doc,docx,xls,xlsx"  /></cutewebui:uploader></td>

CancelAllMsg： 取消所有上传文件按钮文字

canceltext： 取消上传文字

onfileuploaded: 上传事件

showprogressinfo 是否显示进度条信息

cancelbuttonid： 取消按钮

 filetoolargemsg：文件过大提示

progressctrlid：进度条id

 cancelbuttonid 取消上传按钮

maxsizekb： 最大上传大小

allowedfileextensions: 文件类型：

JavaScript 接口：

Events Description
CuteWebUI_AjaxUploader_OnInitialize： Fires when an Ajax Uploader is fully initialized.
CuteWebUI_AjaxUploader_OnStart： Fires when an upload of a specific file has started.
CuteWebUI_AjaxUploader_OnStop:  Fires when upload is stopped and not do postback.
CuteWebUI_AjaxUploader_OnPostback： Fires before the page do PostBack to server side and fire the FileUploaded event.
CuteWebUI_AjaxUploader_OnBrowse： Fires when the upload button is clicked.
CuteWebUI_AjaxUploader_OnSelect ：Fires when files are selected.
CuteWebUI_AjaxUploader_OnProgress： Fires when new information about the upload progress for a specific file is available.
CuteWebUI_AjaxUploader_OnQueueUI： Fires when the upload queue table is available.

demo：

//Fires when an Ajax Uploader is fully initialized
function CuteWebUI_AjaxUploader_OnInitialize()
{
    var hidden=this;
    //warning , using the internalobject is not recommend .
    //if you use it, you need test the uploader again for each new version.
    var arr=[];
    for(var p in hidden.internalobject)
    {
       arr.push(p);
    }
    alert("internal object member list : "+arr);
}
 
//Fires when an upload of a specific file has started
function CuteWebUI_AjaxUploader_OnStart()
{
    var hidden=this;
    hidden.internalobject.insertBtn.style.display='none'
}
//Fires when upload is stopped and not do postback
function CuteWebUI_AjaxUploader_OnStop()
{
    var hidden=this;
    hidden.internalobject.insertBtn.style.display=''
}
//Fires before the page do PostBack to server side and fire the FileUploaded event.
function CuteWebUI_AjaxUploader_OnPostback()
{
    var hidden=this;
    hidden.internalobject.insertBtn.style.display=''
    //thie files are prepaired
    //return false to cancel it..
}
//Fires when the upload button is clicked.
function CuteWebUI_AjaxUploader_OnBrowse()
{
    //return false to cancel it..
}
//Fires when files are selected.
function CuteWebUI_AjaxUploader_OnSelect(files)
{
    //change the files array would take no effect.
    var name=files[0].FileName;
    var size=files[0].FileSize // (or -1)
    //return false to cancel it..
}
//Fires when new information about the upload progress for a specific file is available.
function CuteWebUI_AjaxUploader_OnProgress(enable,filename,begintime,uploadedsize,totalsize)
{
    var hidden=this;
    if(enable)
    {
       if(totalsize)
       {
         document.title=filename+" - "+Math.floor(100*uploadedsize/totalsize)+'%'
       }
       else
       {
       }
    }
    else
    {
    }
    return false; //hide the default UI.
}
//Fires when the upload queue table is available.
function CuteWebUI_AjaxUploader_OnQueueUI(list)
{
    var name=list[0].FileName
    var size=list[0].FileSize // (or -1)
    var stat=list[0].Status // Finish|Error|Upload|Queue
    var func=list[0].Cancel;
    //display the
    //return false to hide the default queue table!
}