Beautiful and powerful HTML5 file upload plugin. A jQuery, PHP and Node.js tool that transforms the standard file input into a revolutionary and fancy field on your page.
<!-- 1. Link the font-fileuploader.css, jquery.fileuploader.min.css and jquery.fileuploader.min.js files --><!-- 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[name="files"]').fileuploader({
// Options will go here
});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.
We collected below a list with different examples that are showing the themes and features of the Fileuploader. Keep in mind that the examples can be combined together. Checkout the "Others" tab to see the entire list with the examples.
Fileuploader - easy to use in many systems, compatible with all modern browsers and >IE10, responsive and works for 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.
5 different themes for all features included. Customize and design your own templates for input and file preview elements; add custom buttons and inputs with HTML/CSS and jQuery.
Activate the `addMore` option to let you choose another file once you've choosed one from another folder already.
Upload files separately using Ajax with a nice progress effect after choosing, dropping or even pasting them from the clipboard. Large files can be also sliced into chunks and uploaded to the server.
Preload already uploaded files to see and manipulate them. The plugin also provides the ability to sort the all files using drag and drop.
Preview the files in a lightbox. Enable the editor to edit the images on server-side or client-side by resizing, rotating or cropping them using a custom or free ratio. The PHP class and Node.js module can also create thumbnails for your website.
Limit the user from uploading too many or too big or even files with the wrong extension. Add your own validator function and callbacks, use API methods and freely manipulate the appearance and functionality of the plugin.
We've created a PHP and Node.js file upload modules to make the Fileuploader usage really easy. Checkout the documentation and our examples for details.
PHP Amazon S3 file upload plugin. Upload files directly to Amazon S3 and manage objects in your buckets using Fileuploader.
One of the most flexible JavaScript file upload plugins for your website or application. Customize and extend it for your any need using options and API. See the plugin's main features also in a video below.
play_arrowCheckout 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 a commercial license for all commercial applications (including sites, themes and apps you plan to sell).
Want to try it first? Sure, request below a trial version (many missing features, minified files only and 3 poor examples).
All licenses are lifetime (one time purchase) and are limited only to the number of projects.
Please don't hesitate to contact us with any regarding questions or other business inquiries using live chat or write an email. We are looking forward to answer your questions within 24 hours.
contact@innostudio.deWe 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.
question_answerWhen 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.
question_answerFileuploader 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.
question_answerA very elegant and highly extensible uploader. Not only was Fileuploader the perfect solution, but the documentain and support was excellent! Thank you!
question_answerVery good and quality plug-in in its segment. Would recommend to use.
question_answerA full list with all Fileuploader features
Easy to install (3 files only to include in your HTML web page)
A 60Kb JS, 37Kb PHP, 23Kb Node.js and 26Kb 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
4 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
Load two different files as thumbnail and large image in the popup to spped up the fileuploader
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
Custom validation dialogs. jQuery Fileuploader is using basic alert and confirms dialogs but you can integrate your own modal script
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
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
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's easy to implement the jQuery Fileuploader plugin into your Webpage based on Wordpress, Joomla, TYPO3, Laravel or other CMS
16 different examples where we are showing how this jQuery file upload plugin is working and that you can implement on your own website
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 it!