Asp.net custom ajax file uploader

Question

I develop custom file uploader.

<asp:FileUpload runat="server" ID="fuUpload" />

<asp:UpdatePanel  runat="server" >
    <ContentTemplate>
     <asp:Button ID="btnUpload" runat="server" Text="Upload" CausesValidation="false"
            OnClick="btnUpload_Click" />

      <div>
        <asp:Label ID="lblError" runat="server" Visible="false" ForeColor="Red" /></div>
        <asp:Repeater ID="rptAttachments" runat="server" OnItemCommand="Uploader_ItemCommand">
            <ItemTemplate>
                <div>
                    <a href='<%#GetUrl(....) %>'><%#Eval("Filename") %></a> <b>
                   <asp:LinkButton ID="lnkDelete" runat="server" Text="Удалить" CommandName="DeleteAttachment" CommandArgument='<%#Eval("FileName") %>' /></b>
                </div>
            </ItemTemplate>
        </asp:Repeater>
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="btnUpload" EventName="Click" />
        <asp:AsyncPostBackTrigger ControlID="rptAttachments" EventName="ItemCommand" />
    </Triggers>
</asp:UpdatePanel>




 protected void btnUpload_Click(object sender, EventArgs e)
  {          
   //fuUpload.HasFile == false 
    if (fuUpload.HasFile && fuUpload.PostedFile != null 
        && fuUpload.PostedFile.ContentLength > 0)
     { 
     }
  }

I wonder why fuUpload.HasFile always equls null.

naveen's solution is good. The reason for the full postback is that the fileupload does NOT work with asynchronous postbacks. — rkw
– rkw, Commented Jul 20, 2011 at 6:12

codeandcloud · Accepted Answer · 2011-07-20 05:57:53Z

2

Try these things.

Put <asp:FileUpload runat="server" ID="fuUpload" /> inside UpdatePanel
Set btnUpload trigger like this. <asp:PostBackTrigger ControlID="btnUpload" />

answered Jul 20, 2011 at 5:57

codeandcloud

55.6k47 gold badges169 silver badges259 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Alexandre Over a year ago

It works with postback! Could I use fileUpload without postBack?

codeandcloud Over a year ago

there are no simple methods to do so. but you can always use something like jQuery Ajax uploader plugin

Collectives™ on Stack Overflow

Asp.net custom ajax file uploader

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related