You need less than 5 minutes to include 2 files into your HTML page and to configurate the Fileuploader plugin for your file input. Check the instructions to get started.
Beautiful and powerful HTML5 file upload plugin. A jQuery and PHP tool that transforms the standard file input into a revolutionary and fancy field on your page.
Fileuploader requires a license for multiple and commercial use.
Last update on 22 March 2018
You can design your own input and file preview elements; add custom buttons and file actions with HTML/CSS and jQuery. We have also prepared 4 responsive and clean templates that you can use.
It's easy to implement the Fileuploader plugin into your Webpage, also based on Wordpress, Joomla, TYPO3, Laravel and others.
We all know that the standard HTML input will not let you choose another files once you've choosed one already. This problem can be simply solved only by activating the `addMore` option in the Fileuploader.
If you don't want to use a form to upload the files, you can activate the upload mode in Fileuploader and let your files upload 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.
For a friendly usability, the already uploaded files can be easily added in a JSON format to the input to see and manipulate them. The plugin also provides the ability to sort the files using drag and drop by enabling sorter option.
Clicking on the thumbnail, a popup with an image, video and audio preview will appear. Thanks to our file reader, the popup also holds such information like size of the image or video duration. Enable the editor and edit images in browser by resizing, rotating clockwise or cropping them using a custom or free ratio. The PHP class can also resize the images and create thumbnails for your website.
With some configuration options you can 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 uploader.
You need less than 5 minutes to include 2 files into your HTML page and to configurate the Fileuploader plugin for your file input. Check the instructions to get started.
The plugin doesn't change the standard HTML form logic but some features are not available in all browsers. We found out that the Fileuploader is compatible in:
Another fancy example to show you how customizable are the Fileuploader options. Bring to your customers only the best! Check also the examples page.
JS and PHP source, documentation and 15 examples
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). Sharing the source code or selling it particullary is not allowed.
If you already have a license code, you can download the Fileuploader below.
We like to help our customers to improve their projects! If you have any further questions about the Fileuploader plugin or other business, chat with us on #chatra or write to:
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 (2 files only to include in your HTML web page)
A 55Kb JS, 34Kb PHP and 23Kb 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 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
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 appended 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 appended 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
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
15 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 jQuery file upload plugin that you will love it!