Thanks to react-dropzone, react-select, and redux-form for inspiration. The library source code is in the /src directory. This runs code in examples/src/index.js, which has many examples that use Dropzone. git clone git:///fortana-co/react-dropzone-uploader.git Thanks to for helping with TypeScript defs! Running DevĬlone the project, install dependencies, and run the dev server. It would be more beginner-friendly with a larger variety of built-in components. There are a number of places RDU could be improved see here.įor example, RDU has solid core functionality, but has a minimalist look and feel. If you want to include it in your page, you need to include the dependencies and CSS as well.
This library is available as an ES Module at /dist/. import 'react-dropzone-uploader/dist/styles.css' import Dropzone from 'react-dropzone-uploader' const MyUploader = ( ) => Ĭheck out the full table of RDU's props. The dropZoneEnter and dropZoneLeave events allow you to customize the drop zone when the mouse pointer enters and leaves this zone. In this demo, the dropZone property specifies the HTML element in which you can drag and drop files for upload. It uploads files to, and renders a button to submit files that are done uploading. The FileUploader component supports the drag-and-drop functionality to upload files. The following code gives you a dropzone and clickable file input that accepts image, audio and video files. RDU handles common use cases with almost no config. import 'react-dropzone-uploader/dist/styles.css' Quick Start Npm install -save react-dropzone-uploader Cross-browser support, mobile friendly, including direct uploads from camera.Modular design use as standalone dropzone, file input, or file uploader.Take full control of rendering with component injection props.Easily set auth headers and additional upload fields ( see S3 examples).Upload status and progress, upload cancellation and restart.Detailed file metadata and previews, especially for image, video and audio files.React Dropzone Uploader is a customizable file dropzone and uploader for React.
0 kommentar(er)
