Fine Uploader - User Friendly File Uploading Plugin

Fine Uploader - User Friendly File Uploading Plugin
File Size: 960 KB
Views Total:
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>

Change Log:

v5.14.0 (2017-02-17)

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.