Displays progress bar while uploading files through XMLHttpRequest (AJAX) in modern browsers. For other browsers, falls back to hidden-iframe-based uploads.
Does NOT require Flash, jQuery, or any external libraries.
Any available server technology. Common implementations with:
This is a fully-functional live demo that also includes the native preview/thumbnail generation feature. Here, you can try out Fine Uploader S3 by sending files to one of our S3 buckets! You can also download the file after a successful upload.
This example demonstrates:
The server-side code for this demo was written in PHP. You can view the actual server-side code for this example in the Fine Uploader Server Github repository.
Please read the blog post on the Fine Uploader S3 module for more details.
Note: If you want to test the auto-resume feature, you must use any browser other than IE9 and older or stock Android and submit a large file 6-15MB. After at least 5MB have been uploaded (since each chunk is 5 MiB): close or refresh the page, re-submit the file, and watch Fine Uploader pick up from where it left off!
In addition to the minimal out-of-the-box demo, we include here Fine Uploader’s jQuery wrapper.
You can quickly set up an HTML page in order to use Fine Uploader:
In order to style your uploader’s look, you can customize the template classes as you like.
We use here both Fine Uploader and Twitter Bootstrap’s CSS and add some styling reset.
Head over one of the following pages to see how to customize further Fine Uploader.