File Upload within a Form

Embed the uploader inside a Web Forms page with other controls. Files upload independently via AJAX while the form collects additional data through postback.

Name

Category

Profile Photo

Drag & drop files here, or paste from clipboard

<asp:TextBox ID="txtName" runat="server" CssClass="form-control" />

<asp:DropDownList ID="ddlCategory" runat="server" CssClass="form-select">
 <asp:ListItem Text="Documents" Value="documents" />
 <asp:ListItem Text="Images" Value="images" />
</asp:DropDownList>

<au:AjaxFileUpload ID="Uploader1" runat="server"
 AllowedExtensions=".jpg,.png"
 MaxFileSize="2MB"
 ButtonText="Choose Photo"
 ShowProgress="true" />

<asp:Button ID="btnSubmit" runat="server" Text="Submit Form"
 CssClass="btn btn-primary" />