React file upload component with examples Upload files to the storage in your project Also use resize method to create thumbnails for the imagesĮxamples using fileuploader module in express framework for Node.js Node.js module can resize, crop and compress images. Node.js module generates an array with information regarding uploaded and preloaded files that you can display or save Also use Resize method to create thumbnails for the images PHP class can generate an HTML input with fileuploader attributes for jQuery based on your PHP optionsĪSP.NET C# class generates an array with information regarding uploaded and preloaded files that you can display or saveĪSP.NET C# class can resize, crop and compress images. Also use resize static method to create thumbnails for the images PHP upload class can resize, crop and compress images.
PHP class can create custom file names using original name, random string, current date or your custom settings PHP class generates an array with many uploaded and preloaded files information that you can display or save The file icons are currently just rounded but a pure CSS file-like icon is also included Small template engine is also included in this jQuery file upload plugin to make the editing of thumbnails templates easierĬSS file-like icon. Use HTML input attributes to configurate it like data-fileuploader.
PDF Viewer in the popup using mozilla/pdf.js/ You can preload the initial list of the files from server to view, edit or delete themĪll files with their parameters are in one JSON list in a hidden input CORS (cross-origin) support for files that are preloaded to the pluginĮdit mode for already uploaded files. jQuery fileuploader is using basic alert and confirms dialogs but you can integrate your own modal scriptįile reader is also included to read each type of file as text, image, video or audio. You can also use your own function to limit the user from uploading filesĬustom validation dialogs. Validate the file's limit, size, type and extension. Using this jquery upload plugin you can also paste images from clipboard to your input and upload them Start, retry, resend and cancel upload actions that you can call everywhere Upload progressbar with all the data available such as upload percentage, elapsed or remaining time, bytes per second, uploaded or remaining bytes and others Upload large files sliced into chunks with a custom size Upload files manually by clicking the start button or automatically JQuery Ajax file upload - Use this jQuery file upload plugin to upload each file with jQuery Ajax also setting custom settings and callbacks JQuery Ajax form upload - Use this jQuery file upload plugin to upload dropped files all together in the form with jQuery Ajax Sortable files - ability to sort the files using drag and drop and send the list to the back-end Respect Exif orientation for images (for example on iPhone and Samsung mobile devices)
Save them as Blob files with a certain quality and upload to the server High quality image resize in browser (resize images smoothly in browser without pixelation).
You can also crop images using a custom ratio (1:1, 4:5, 16:9) or free Image rotating and cropping tool done with jQuery to edit the choosed images. Javascript image cropping plugin included Load two different files as thumbnail and large image in the popup to spped up the fileuploader Popup zoomer - image zoomer in the popup to let the users to enlarge the images and to make cropping easier
Popup arrows - navigate between files directly in the popup Popup information like image size, video and audio duration is also included Popup with file information and file preview for image, video and audio files generated from files directly in browser Thumbnails for image and video files generated in JavaScript and icons with custom background color generated from the extension for other filesįile's thumbnail can be rendered and scaled smartly in a canvas element by CSS or given width and heightĬustomize your own input and thumbnail elementsĦ different, responsive, fancy and animated templates that you can personalize and use on your websiteĬhoose multiple files from different folders using the basic HTML form Works in traditional HTML form and very flexible by integrationįile list rendered in custom HTML templates JQuery file upload plugin where you can configurate everything starting with limits and ending with templates
Easy to install (3 files only to include in your HTML web page)Ī 88Kb JS and 36Kb CSS file upload script