Fine Uploader - User Friendly File Uploading Plugin
File Size: | 969 KB |
---|---|
Views Total: | 39138 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

Fine Uploader is a User-Friendly File-Uploading Plugin for looking to incorporate file-uploading into their website.
It Uses an XMLHttpRequest (AJAX) for uploading multiple files with a progress-bar in FF3.6+, Safari4+, Chrome, and falls back to hidden-iframe-based upload in other browsers (namely IE), providing good user experience everywhere.
You might also like:
Features:
- Multiple file select, progress-bar in Firefox, Chrome, Safari, and IE 10
- Drag-and-drop file select in FF, Chrome, Safari, and IE 10
- Uploads are cancelable
- No required external dependencies
- Tested in IE7+, Firefox, Safari (OS X), Chrome, IOS6, and various versions of Android. IE10 is now also supported!
- Ability to upload files as soon as they are selected, or "queue" them for uploading at user's request later
- Display specific error messages from server on upload failure
- Auto or manual retry for failed uploads
- Create your own file validator and/or use default included validators
- Receive callbacks at various stages of the upload process
- Send any parameters server-side along with each file
- Upload directories via drag and drop (Chrome 21+)
- Include parameters in the query string OR the request body
- Submit files to be uploaded via the API
- Split up a file into multiple requests (file chunking/partitioning)
- Resume failed/stopped uploads from previous sessions
- Delete uploaded files
- CORS/XSS (cross-domain request) support
- Upload images via paste
- Easily set a maximum upload limit
Basic Markup:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Fine Uploader Demo</title> <link href="fineuploader-{VERSION}.css" rel="stylesheet"> </head> <body> <div id="fine-uploader"></div> <script src="fineuploader-{VERSION}.js"></script> <script> function createUploader() { var uploader = new qq.FineUploader({ // Pass the HTML element here element: document.getElementById('fine-uploader'), // or, if using jQuery // element: $('#fine-uploader')[0], // Use the relevant server script url here // if it's different from the default “/server/upload” request: { endpoint: 'server/handleUploads' } }); } window.onload = createUploader; </script> </body> </html>
Changelog:
2018-10-28
v5.16.2 (2018-04-11)
- fix(upload.handler.controller): missing null-check in send()
v5.16.0 (2018-03-09)
- update
v5.15.6 (2018-01-27)
- fix(uploader.basic.api.js): auto-retry count not reset on success
v5.15.5 (2017-12-23)
- update
v5.14.0 (2017-02-17)
- update
v5.6.0 (2015-04-22)
- update
v5.0.7 (2014-10-01)
- update
v5.0.6 (2014-09-19)
- update
v5.0.2 (2014-06-18)
- update
v4.3.1 (2014-02-12)
- bugs fix
v4.2.2 (2014-01-24)
- bugs fix
v4.2.0 (2014-01-16)
- bugs fix
v4.0.3 (2013-10-31)
- bugs fix
v4.0.2 (2013-10-29)
- updated to the latest version
This awesome jQuery plugin is developed by FineUploader. For more Advanced Usages, please check the demo page or visit the official website.