filepond - 🌊 A flexible and fun JavaScript file upload library

  •        207

A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience. FilePond is compatible with a wide range of desktop and mobile browsers, the oldest explicitely supported browser is IE11, for best cross browser support add FilePond Polyfill and a Promises polyfill to your project.

https://pqina.nl/filepond
https://github.com/pqina/filepond

Tags
Implementation
License
Platform

   




Related Projects

vue-filepond - 🔌 A handy FilePond adapter component for Vue

  •    Javascript

Vue FilePond is a handy adapter component for FilePond, a JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience.

fine-uploader - Multiple file upload plugin with image previews, drag and drop, progress bars

  •    Javascript

FineUploader is also simple to use. In the simplest case, you only need to include one JavaScript file. There are absolutely no other required external dependencies. For more information, please see the documentation. If you'd like to help and keep this project strong and relevant, you have several options.

ngDroplet - Angular.js HTML5 file uploading with drag & drop and image/file preview.

  •    Javascript

Angular.js HTML5 file uploading with drag & drop and image/file preview.

jQuery-File-Upload - File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery

  •    Javascript

File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.

jquery-fileupload-rails - jQuery File Upload integrated for Rails

  •    Javascript

jQuery-File-Plugin is a file upload plugin written by Sebastian Tschan. jQuery File Upload features multiple file selection, drag&drop support, progress bars and preview images for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. jquery-fileupload-rails is a library that integrates jQuery File Upload for Rails 3.1 Asset Pipeline (Rails 3.2 supported).


vue-picture-input - Mobile-friendly picture file input Vue

  •    Vue

Mobile-friendly picture file input Vue.js component with image preview, drag and drop, EXIF orientation, and more. All contributions are welcome, as long as they are within the scope of the project. Please open a new issue before submitting a pull request.

fine-uploader - Multiple file upload plugin with progress-bar, drag-and-drop.

  •    Javascript

Multiple file upload plugin with progress-bar, drag-and-drop.

Drag & Drop upload for SharePoint

  •    

It enables Firefox & Chrome users to drag & drop files directly into their SharePoint document libraries. This makes single and multiple file upload much simplier & user friendly. Both SharePoint 2007 and SharePoint 2010 are supported.

droparea - droparea is a HTML5 drag and drop image/file uploader jQuery plugin

  •    Javascript

droparea is a HTML5 drag and drop image/file uploader jQuery plugin

jQuery-File-Upload

  •    Javascript

File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.

angular-file-upload - Angular File Upload is a module for the AngularJS framework

  •    Javascript

Angular File Upload is a module for the AngularJS framework. Supports drag-n-drop upload, upload progress, validation filters and a file upload queue. It supports native HTML5 uploads, but degrades to a legacy iframe upload method for older browsers. Works with any server side platform which supports standard HTML form uploads.When files are selected or dropped into the component, one or more filters are applied. Files which pass all filters are added to the queue. When file is added to the queue, for him is created instance of {FileItem} and uploader options are copied into this object. After, items in the queue (FileItems) are ready for uploading.

bootstrap-fileinput - An enhanced HTML 5 file input for Bootstrap 3

  •    Javascript

An enhanced HTML 5 file input for Bootstrap 3.x and 4.x with file preview for various files, offers multiple selection, and more. The plugin allows you a simple way to setup an advanced file picker/upload control built to work specially with Bootstrap CSS3 styles. It enhances the file input functionality further, by offering support to preview a wide variety of files i.e. images, text, html, video, audio, flash, and objects. In addition, it includes AJAX based uploads, dragging & dropping files, viewing upload progress, and selectively previewing, adding, or deleting files. NOTE: An alternative new Krajee Explorer Theme (preview shown below) for bootstrap-fileinput has been released and available since v4.3.7. For more theming options and suggestions refer the theming demos.

Simple-Ajax-Uploader - Javascript file upload plugin with progress bar support

  •    Javascript

A Javascript plugin for cross-browser Ajax file uploading. Supports drag and drop, CORS, and multiple file uploading with progress bars. Works in IE7-9, mobile, and all modern browsers. Visit the new FAQ for solutions to the most common issues.

react-fine-uploader - Easily integrate Fine Uploader or Fine Uploader S3 into a React app

  •    Javascript

Makes using Fine Uploader in a React app simple. Drop-in high-level components for a turn-key UI. Use small focused components to build a more custom UI. These allow you to easily build a highly customizable and powerful UI for your upload widget, backed by Fine Uploader's core feature set. Most of these components are unstyled (i.e. ready to be styled by you). Focused component-specific stylesheets may be provided at a later date.

vue-upload-component - Vue

  •    Vue

Vue.js file upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory, Upload multiple files at the same time, html4 (IE 9), `PUT` method, Customize the filter

dragula - :ok_hand: Drag and drop so simple it hurts

  •    Javascript

Framework support includes vanilla JavaScript, Angular, and React.You can get it on npm.

jquery-cropbox - jQuery Cropbox plugin

  •    Javascript

jQuery plugin for in-place image cropping (zoom & pan, as opposed to select and drag). This plugin depends only on jQuery. If either `Hammer.js` or `jquery.hammer.js` is loaded, the cropbox plugin will support gestures for panning and zooming the cropbox. Similary, if the `jquery.mousewheel.js` plugin is loaded, then the cropbox plugin will support zoom in & out using the mousewheel. All dependencies on third party libraries (other than jQuery) are strictly optional. Support for CommonJS and AMD loading is built in. In browsers that support the HTML5 FIle API and Canvas API, the cropbox plugin provides mehtods to crop the image on the client and obtain the resulting cropped image as a Data URL or a binary blob to upload it to the server. Check out the plugin in action here http://acornejo.github.io/jquery-cropbox/

dragscroll - micro library for drag-n-drop scrolling style

  •    Javascript

Dragscroll is a micro JavaScript library (910 bytes minified) which enables scrolling via holding the mouse button ("drag and drop" or "click and hold" style, online demo). It has no dependencies and is written in vanilla JavaScript (which means it works anywhere). That's it! Now you can scroll it by dragging. You can also add the dragscroll class to the <body> element and drag the whole page.

react-dnd - Drag and Drop for React

  •    TypeScript

Drag and Drop for React. Big thanks to BrowserStack for letting the maintainers use their service to debug browser issues.

html5sortable - VanillaJS sortable lists and grids using native HTML5 drag and drop API.

  •    TypeScript

Lightweight vanillajs micro-library for creating sortable lists and grids using native HTML5 drag and drop API. If you would like to add an adapter to the list, please create an issue with the link to your adapter.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.