GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → bourdakos1 → react-magic-dropzone

bourdakos1 / react-magic-dropzone

Licence: MIT license
✨Magically drag and drop files/links for uploading

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactfileslinkscomponentdrag-and-dropinputuploaddropzone

Projects that are alternatives of or similar to react-magic-dropzone

ngx-dropzone
A highly configurable dropzone component for Angular.
Stars: ✭ 123 (+1018.18%)
Mutual labels:  drag-and-drop, upload, dropzone
PHP-FileUpload
Simple and convenient file uploads — secure by default
Stars: ✭ 53 (+381.82%)
Mutual labels:  files, input, upload
React Uploady
Modern file uploading - components & hooks for React
Stars: ✭ 372 (+3281.82%)
Mutual labels:  files, drag-and-drop, upload
yii2-dropzone
This extension provides the Dropzone integration for the Yii2 framework.
Stars: ✭ 11 (+0%)
Mutual labels:  drag-and-drop, upload, dropzone
kipp
A flexible file storage server
Stars: ✭ 33 (+200%)
Mutual labels:  files, upload
lolisafe
Blazing fast file uploader and awesome bunker written in node! 🚀
Stars: ✭ 181 (+1545.45%)
Mutual labels:  files, upload
Pomf
Simple file uploading and sharing
Stars: ✭ 535 (+4763.64%)
Mutual labels:  files, upload
react-butterfiles
🦋 Component for building file fields - from basic file inputs to drag and drop image galleries.
Stars: ✭ 44 (+300%)
Mutual labels:  files, drag-and-drop
Ounotes
An Application built for students to access Notes , Question Papers , Syllabus and Resources for all Subjects of O.U (Osmania University) 📘👨‍🎓
Stars: ✭ 173 (+1472.73%)
Mutual labels:  links, upload
Chibisafe
Blazing fast file uploader and awesome bunker written in node! 🚀
Stars: ✭ 657 (+5872.73%)
Mutual labels:  files, upload
react-simple-file-input
Simple wrapper for the HTML input tag and HTML5 FileReader API
Stars: ✭ 29 (+163.64%)
Mutual labels:  input, upload
nucked-truth-of-files
HollyJS Moscow
Stars: ✭ 14 (+27.27%)
Mutual labels:  files, upload
filestack-ios
Official iOS SDK for Filestack - API and content management system that makes it easy to add powerful file uploading and transformation capabilities to any web or mobile application.
Stars: ✭ 44 (+300%)
Mutual labels:  files, upload
Filite
A simple, light and standalone pastebin, URL shortener and file-sharing service
Stars: ✭ 125 (+1036.36%)
Mutual labels:  files, links
Fine Uploader
Multiple file upload plugin with image previews, drag and drop, progress bars. S3 and Azure support, image scaling, form support, chunking, resume, pause, and tons of other features.
Stars: ✭ 8,158 (+74063.64%)
Mutual labels:  files, dropzone
React Files
A file input (dropzone) management component for React
Stars: ✭ 126 (+1045.45%)
Mutual labels:  files, upload
Aetherupload Laravel
A Laravel package to upload large files 上传大文件的Laravel扩展包
Stars: ✭ 835 (+7490.91%)
Mutual labels:  files, upload
Telegram Upload
Upload and download files from Telegram up to 2GiB using your account
Stars: ✭ 223 (+1927.27%)
Mutual labels:  files, upload
Upload
The file upload extension with insane intelligence for your Flarum forum.
Stars: ✭ 131 (+1090.91%)
Mutual labels:  drag-and-drop, upload
Vue Transmit
Vue.js drag & drop uploader based on Dropzone.js
Stars: ✭ 209 (+1800%)
Mutual labels:  drag-and-drop, upload
View All Similar Projects ➔

✨Magic Dropzone Tweet

Build Status codecov license styled with prettier npm-version npm-downloads

demo.gif
Try out the demo

Installation

yarn add react-magic-dropzone

or:

npm install --save react-magic-dropzone

Usage

Import MagicDropzone in your React component:

import MagicDropzone from 'react-magic-dropzone'
onDrop = (accepted, rejected, links) => {
  // Have fun
}
<MagicDropzone
  accept="image/jpeg, image/png, .jpg, .jpeg, .png"
  onDrop={this.onDrop}
>
  Drop some files on me!
</MagicDropzone>

Edit y200pqy4pz

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].