This is a simple playground for file upload and image preview using HTML, CSS, and JavaScript. It allows you to drag and drop files into a designated area and displays a preview of the uploaded images.
- Accepts only jpg, svg, png files
- Displays a preview of the uploaded images
- Provides a drag and drop area for file upload
To get a local copy up and running, follow these simple steps:
- Clone the repository
git clone https://github.com/MarwanShehata/drag-drop-web-api.git
- Navigate to the project directory
cd drag-drop-web-api
npm install
npm install vite@latest
- Open the
index.htmlfile in your web browser
- HTML
- CSS
- JavaScript
- Drag and drop your files into the designated area
- The uploaded images will be displayed in a list below the upload area.
- Todd Motto