File Upload within a Form

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.

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" />