![]() React-Dropzone-Component hasn’t seen a commit to source code since 2017 pretty much ditto with Dropzone.js. The react-fine-uploader and fine-uploader repos were shut down in 2018. They’re wrappers around fine-uploader and Dropzone.js, file uploaders with sprawling APIs that weren’t designed with React in mind. Two of the most popular are react-fine-uploader and React-Dropzone-Component. First, with libraries that offer both a dropzone and upload management. React already has dropzone/uploader libraries, which begs the question: is RDU really necessary? To get a feel for just how easy it is to use RDU, check out the live, editable examples. Cross-browser support, mobile friendly, lightweight (13kb minzipped).Modular design use as standalone dropzone, file input, or file uploader.Take full control of rendering with component injection.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. ![]() It tries to make the easy things easy and the hard things possible. RDU takes the feature sets of older uploader libraries such as Dropzone.js and merges them into a modern, fully customizable file dropzone and uploader, with a minimal API and sensible defaults. So I went down the rabbit hole and built React Dropzone Uploader. I looked for ready-made solutions to the problem and found there weren’t any with the features I mentioned, at least not any that made it easy to customize the look and feel. I was in this situation on a recent project. When you start adding features like drag and drop, file previews with image thumbnails, upload progress and cancellation, and upload status and error handling, you realize you shouldn’t be doing it from scratch. Just uploading the file to your server or S3 can be tricky enough.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |