Custom Styled Upload Button

Customize the upload button text using ButtonText, or use the JavaScript API to attach upload functionality to any custom-styled button or element.

Using ButtonText Property

Drag & drop files here, or paste from clipboard

<au:AjaxFileUpload ID="Uploader1" runat="server"
    ButtonText="Upload Your Document"
    AutoUpload="true"
    ShowProgress="true" />

Using JavaScript API with Custom Element

<button id="customBtn" class="btn btn-lg btn-outline-primary">
    Click to Upload
</button>
<div id="uploaderContainer"></div>

<script>
AjaxUploader.create(document.getElementById('uploaderContainer'), {
    browseButton: document.getElementById('customBtn'),
    autoUpload: true,
    showProgress: true
});
</script>