This is the Fine Uploader with only required options set. Note that, by default, you may also drag & drop files onto the button if you are using a browser that supports the multiple attribute on input elements, and the File and FormData objects, as well as the upload function on the XHR object. This currently rules out at least IE 9 and earlier.
The default behavior of Fine Uploader is to immediately attempt to upload files as they are selected.
One option allows you to simply queue all files, and then start uploading at a later time by calling
uploadStoredFiles()
on your Fine Uploader instance.
If your server returns a response that includes a reason property, such as {"success": false, "reason": "unsupported file type"}
the error message is accessible in the UI by hovering over the failed upload item.
There are various options available to you when using Fine Uploader. In this example, I've used a
small subset of these options to create an uploader with custom upload button text, restricted to one
file upload/selection at once (may not select multiple files), restricted to jpeg
, jpg
, and txt
files,
and restricted to a max file size of 50 kb.
uploader-demo.js
source file on this page.