image-drag-dropper is a lightweight library designed to facilitate image drag and drop functionality
npm install image-drag-dropper
npm i image-drag-dropper
`
Usage
Import in your js
`
// Import your file uploader functionality
import initializeFileUploader from './node_modules/image-drag-dropper/src/index.js'
initializeFileUploader();
`
Create a Drop Area:
`
`
Add a Hidden File Input:
`
`
Display Dropped Image:
`
`
##Example
Here's a simple example demonstrating the usage of image-drag-dropper (with Bootstrap 5):
`
style="width: 300px; height: 200px; cursor: pointer;">
Drag and drop your image here or click to select a file.