Beautiful and powerful HTML5 file upload plugin. A jQuery tool that transforms the standard file input into a revolutionary, fancy and responsive field on your page.
Last update: 16.11.2019Fileuploader - a JavaScript file upload plugin that has everything, compatible with all modern browsers and >IE10, works with servers based on PHP, ASP.NET, C#, Node.js, Python and others that supports standard HTML form file uploads as well. Checkout the main features.
8 responsive themes included. Customize also your own input with HTML/CSS and JavaScript.
Select files from different folders with `addMore` option and upload them over a form.
Upload files using Ajax after choosing, dropping or pasting them from the clipboard.
Preload the uploaded files from DB. The plugin provides also the ability to sort files using drag and drop.
Preview the files in a lightbox. Zoom the images, resize, rotate and crop them on the client-side or server-side; create custom thumbnails and preview pdf.
Set the files' limit, max size and extensions. Use our API methods and freely manipulate the appearance and functionality of the plugin.
Choose between PHP or Node.js backend upload modules that we've created. A Laravel controller is also included.
PHP Amazon S3 file upload plugin. Upload files to Amazon S3 and manage objects in your buckets using our fileuploader.
You can see that the fileuploader can be easily implemented in your HTML page. In average, you need less than five minutes to link the plugin files into your document, create a file input and call the fileuploader instance to get your first view of new file input working.
<!-- 1. Link the css and js files -->
<link href="dist/font/font-fileuploader.css" rel="stylesheet">
<link href="dist/jquery.fileuploader.min.css" rel="stylesheet">
<script src="dist/jquery.fileuploader.min.js" type="text/javascript"></script>
<!-- 2. create a file input -->
<form action="submit" method="post" enctype="multipart/form-data">
<input type="file" name="files">
<input type="submit">
</form>// 3. call fileuploader instance
$('input:file').fileuploader({
// Options will go here
});We collected below examples with different themes and features. Keep in mind that all features can be combined together. Checkout the "Others" link to see the entire list of the examples.
Checkout the files that you'll see upon downloading.
A regular license is required if you are using this plugin in one of your personal projects (including sites for your customers) and all other licenses for any commercial application (including sites, themes and apps you plan to sell).
We love this Fileuploader! Great looking responsive and user-centered design, ease of use, and very powerfull jQuery file upload with drag and drop functionality. Innostudio helped us to implement it on our video sharing website. It was great working with Innostudio, clear communication and fast implementation. Our website users are uploading more files. Thanks for improving our website file upload system.
This fileuploader is impressive, the documentation and code examples are very well thought out and make it very easy to use. By far the best file uploader available nowadays.
When searching for a multiple file upload solution for my web project, I found a wealth of free and paid options on offer, however Fileuploader was the most elegant solution. It's powerful, beautiful, fully customisable and easy to integrate and very well supported by it's creator, should you require any help.
Fileuploader is the most elegant and full-featured jQuery file upload plugin available. It is highly versatile and customizable. It will greatly improve the appearance and the functionality of all of your upload-enabled projects.
A very elegant and highly extensible uploader. Not only was Fileuploader the perfect solution, but the documentain and support was excellent! Thank you!
I was looking for a similar solution for 2-3 days, tried everything that was possible and decided to buy fileuploader and was very pleased with it. Thank you guys for this solution!
A full list of fileuploader's features
Easy to install (3 files only to include in your HTML web page)
A 71Kb JS, 40Kb PHP, 23Kb Node.js and 28Kb CSS file upload script
jQuery file upload plugin where you can configurate everything starting with limits and ending with templates
Works in traditional HTML form and very flexible by integration
File list rendered in custom HTML templates
Thumbnails for image and video files generated in JavaScript and icons with custom background color generated from the extension for other files
File's thumbnail can be rendered and scaled smartly in a canvas element by CSS or given width and height
Render synchron the file preview
Customize your own input and thumbnail elements
6 different, responsive, fancy and animated templates that you can personalize and use on your website
Choose multiple files from different folders using the basic HTML form
Popup with file information and file preview for image, video and audio files generated from files directly in browser
Popup information like image size, video and audio duration is also included
Popup arrows - navigate between files directly in the popup
Popup zoomer - image zoomer in the popup to let the users to enlarge the images and to make cropping easier
Load two different files as thumbnail and large image in the popup to spped up the fileuploader
Javascript image cropping plugin included
Image rotating and cropping tool done with jQuery to edit the choosed images. You can also crop images using a custom ratio (1:1, 4:5, 16:9) or free
High quality image resize in browser (resize images smoothly in browser without pixelation). Compress images on the client-side. Save them as Blob files with a certain quality and upload to the server
Respect Exif orientation for images (for example on iPhone and Samsung mobile devices)
Sortable files - ability to sort the files using drag and drop and send the list to the back-end
Drag&Drop file upload feature
jQuery Ajax form upload - Use this jQuery file upload plugin to upload dropped files all together in the form with jQuery Ajax
jQuery Ajax file upload - Use this jQuery file upload plugin to upload each file with jQuery Ajax also setting custom settings and callbacks
Upload the files synchron
Upload files manually by clicking the start button or automatically
Upload files to a 3d party hosting
Upload large files sliced into chunks with a custom size
Upload progressbar with all the data available such as upload percentage, elapsed or remaining time, bytes per second, uploaded or remaining bytes and others
Start, retry, resend and cancel upload actions that you can call everywhere
Using this jquery upload plugin you can also paste images from clipboard to your input and upload them
Validate the file's limit, size, type and extension. You can also use your own function to limit the user from uploading files
File reader is also included to read each type of file as text, image, video or audio. CORS (cross-origin) support for files that are preloaded to the plugin
Edit mode for already uploaded files. You can preload the initial list of the files from server to view, edit or delete them
All files with their parameters are in one JSON list in a hidden input
PDF Viewer in the popup using mozilla/pdf.js/
Use HTML input attributes to configurate it like data-fileuploader-
Small template engine is also included in this jQuery file upload plugin to make the editing of thumbnails templates easier
CSS file-like icon. The file icons are currently just rounded but a pure CSS file-like icon is also included
PHP file upload class
PHP class generates an array with many uploaded and preloaded files information that you can display or save
PHP class can create custom file names using original name, random string, current date or your custom settings
PHP upload class can resize, crop and compress images. Also use resize static method to create thumbnails for the images
PHP class can generate an HTML input with fileuploader attributes for jQuery based on your PHP options
Node.js file upload module
Node.js module generates an array with information regarding uploaded and preloaded files that you can display or save
Node.js module can resize, crop and compress images. Also use resize method to create thumbnails for the images
Examples using fileuploader module in express framework for Node.js
Laravel file upload plugin. Upload files to the storage in your project
Amazon S3 file upload plugin. Upload files to Amazon S3 from the server
Manage buckets and objects on Amazon S3 using our plugin
Huge API methods and more than 28 Callbacks to manipulate freely the appearance and functionality of your file uploader input with jQuery
Languages support. Change captions option by writing captions on your own language
It can be also implemented by a developer on a Website baded on CMS (like Wordpress, Joomla and TYPO3)
16 different examples where we are showing how this jQuery file upload plugin is working and that you can implement on your own website
Avatar Ajax upload example
Full file upload MySQL gallery example
Fully commented and documented in more than 48332 words
Expand it! Implement other plugins to combine the features, create an input by your own to rename the files, choose the primary file, add custom file buttons with actions or upload each file with category and description information. Use all configuration options, callbacks and API methods to create your individual file upload system. Create jQuery and PHP image galleries in the most simpliest way. It's easy!
Active support by including and configurating the fileuploader on your website
fileuploader - a JavaScript file upload plugin that you will love!