ezdz - A jQuery plugin to turn any standard input type file into a nice drag & drop zone with validators and previews

  •        189

Ezdz is a jQuery plugin to turn any standard input type file into a nice drag & drop zone with validators and previews. Ezdz uses HTML5 File, Drag and Drop API, so it works properly on modern browsers only. I've tested it on last version of Chrome, Firefox and Safari on MacOSX and IOS7 safari mobile only. Feedbacks are welcomed.

https://github.com/jaysalvat/ezdz

Tags
Implementation
License
Platform

   




Related Projects

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.

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.

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.

filepond - 🌊 A flexible and fun JavaScript file upload library

  •    Javascript

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.

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.


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.

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).

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.

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.

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 progress-bar, drag-and-drop.

  •    Javascript

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

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

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.

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.

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.

Reef - the Responsive Embeddable Extensible Form generator for PHP

  •    PHP

Reef is a form generator written in PHP. It provides functionality to let your users build forms that can in turn be filled in by other users. It provides support to create, modify and delete forms. Forms can also be modified after submissions have been received. It is framework agnostic, in the sense that Reef is not built on top of or using a PHP framework. Hence, it can be used in combination with any framework.

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.

Bootstrap-Form-Builder - Web app for drag drop building bootstrap forms.

  •    Javascript

A Drag-and-drop form builder for twitter bootstrap. It's hosted on github pages here.

React-Dropzone-Component - :camera: ReactJS Dropzone for File Uploads (using Dropzone.js)

  •    Javascript

A Dropzone component for ReactJS, allowing users to "drag and drop" files into an upload area. The component uses the battle-tested Dropzone.js to provide a cross-browser-compatible upload component. You can see a demo of the uploader with minimal configuration here.

drag-drop - HTML5 drag & drop for humans

  •    Javascript

In case you didn't know, the HTML5 drag and drop API is a total disaster! This is an attempt to make the API usable by mere mortals.This module works in the browser with browserify.





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.