Custom Styled Upload Button

Demo uploads land in a temporary store and are swept after 60 minutes. To keep files, handle FileUploaded — see Single File for the complete save pattern.

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

What you should see: the default button replaced with your own label ("Upload Your Document"); selection still auto-uploads with progress.

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>