Re: Is it possible to show files sizes and files icons beside files name in "Start uploading manually" example?

  •  12-29-2008, 9:39 AM

    Re: Is it possible to show files sizes and files icons beside files name in "Start uploading manually" example?

    The following is my code the table appears successfully but whenever I click on submit button to upload I got a popup message says:"Please browse files to upload", Why did I miss:
     
     
     
     

     

    <div>

    <asp:LinkButton runat="server" ID="BrowseButton" Text="Select Files To Upload" />

    </div>

    <div id="Div1" style="display: none;">

    <div id="Div2">

    </div>

    <div style="font-size:larger;padding-left:100px;margin:4px;">

    <a href="#" onclick="cancelalltasks();return false;">Cancel all tasks.</a>

    </div>

    </div>

    <div>

    <asp:UpdatePanel ID="UpdatePanel2" runat="server">

    <ContentTemplate>

    <CuteWebUI:UploadAttachments runat="server" ID="UploadAttachments1" ManualStartUpload="true" InsertButtonID="BrowseButton">

    </CuteWebUI:UploadAttachments>

    <br />

    <br />

    <asp:Button runat="server" ID="Button1" OnClientClick="return submitbutton_click2()" Text="Upload" OnClick="SubmitButton_Click" />

    <br />

    <br />

    <script type="text/javascript">

     

    function submitbutton_click2()

    {

    var submitbutton=document.getElementById('<%=Button1.ClientID %>');

    var uploadobj=document.getElementById('<%=UploadAttachments1.ClientID %>');

    if(!window.filesuploaded)

    {

    if(uploadobj.getqueuecount()>0)

    {

    uploadobj.startupload();

    }

    else

    {

    var uploadedcount=parseInt(submitbutton.getAttribute("itemcount"))||0;

    if(uploadedcount>0)

    {

    return true;

    }

    alert("Please browse files for upload");

    }

    return false;

    }

    window.filesuploaded=false;

    return true;

    }

    function CuteWebUI_AjaxUploader_OnPostback()

    {

    window.filesuploaded=true;

    var submitbutton=document.getElementById('<%=Button1.ClientID %>');

    submitbutton.click();

    return false;

    }

    </script>

    </ContentTemplate>

    </asp:UpdatePanel>

    </div>

    <script>

    var uploader=document.getElementById("<%=UploadAttachments1.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");

    container.innerHTML="";

     

    var totalsize=0;

    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 / 1024 ) / 1024 // (or -1)

    var stat=list[i ].Status // Finish|Error|Upload|Queue

    var func=list[i ].Cancel;

     

    var row=table.insertRow(-1);

     

    row.insertCell(-1).innerHTML=name;

    row.insertCell(1).innerHTML=size + ' MB';

    totalsize += size;

    var last=row.insertCell(-1);

    if(stat=="Queue")

    {

    var btn=document.createElement("A");

    btn.href="BLOCKED SCRIPTvoid(0)";

    btn.onclick=func;

    btn.innerHTML="Cancel";

    last.appendChild(btn);

    }

    else

    {

    last.innerHTML=stat;

    }

    }

    var row=table.insertRow(-1);

     

    row.insertCell(-1).innerHTML='<font color=green>Total: ' + list.length + ' files</font>';

    row.insertCell(1).innerHTML= '<font color=green>' + totalsize + ' MB</font>';

    container.appendChild(table);

    }

    return false; //hide the default;

    }

    function cancelalltasks()

    {

    uploader.cancelall();

    }

    </script>

View Complete Thread