This page demonstrates the basic functionality of NeatUpload. Start by selecting the progress bar location and submit button type you'd like to see demostrated.
Progress bar location: Popup Inline None Submit button type: Button LinkButton CommandButton HtmlInputButton(type=Button) HtmlInputButton(type=Submit) Show NeatUpload Console (for debugging)
Now either select and upload files using the following MultiFile controls:
File(s) to upload:
Other file(s) to upload (just to demonstrate multiple MultiFileControls on the same page):
Or, select some files using the InputFile controls below and click Submit.
Pick file #1: (Powered by NeatUpload) Pick file #2: (Powered by NeatUpload)
NeatUpload stores uploaded files in temporary storage on the server and automatically deletes them when your request completes. A real application would move or copy the files to their permanent location. This demo just displays the files' name, size, and content type.
Here's what is generated by a ProgressBar control configured to display a popup:
What? You don't see anything? That's because you have JavaScript enabled. With JavaScript enabled, the popup is shown automatically when you submit the form, so there is no need to display anything extra on this page. If you disable JavaScript, you will see a "Check Progress" link which you can click on to display the progress bar in a new window. The text of that link is configurable.
You can cancel your upload by either clicking your browser's Stop button or clicking the Cancel button that is displayed to the right of the progress bar when the upload is in progress.