https://github.com/muhaiminshihab/drag-and-drop

A simple drag and drop file uploader with image preview, that is made with HTML, CSS, JS
https://github.com/muhaiminshihab/drag-and-drop

css3 drag-and-drop file-upload html5 image-preview javascript javascript-package package

Last synced: 2 days ago
JSON representation

A simple drag and drop file uploader with image preview, that is made with HTML, CSS, JS

• Host: GitHub
• URL: https://github.com/muhaiminshihab/drag-and-drop
• Owner: muhaiminShihab
• Created: 2023-03-06T11:15:37.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-03-22T09:18:15.000Z (almost 2 years ago)
• Last Synced: 2024-11-08T19:12:55.051Z (about 2 months ago)
• Topics: css3, drag-and-drop, file-upload, html5, image-preview, javascript, javascript-package, package
• Language: JavaScript
• Homepage: https://muhaiminshihab.github.io/drag-and-drop/
• Size: 3.91 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## MS Drag and Drop

This is a simple drag and drop file upload plugin. You need to add a CSS and a JavaScript file and it'll be ready to go with your valuable projects.

## Setup Package

1. Download the repository

```shell

git clone https://github.com/muhaiminShihab/drag-and-drop.git

```

2. Copy the CSS file `/app.css` and paste it on your project

3. Copy the JS file `/app.js` and paste it on your project

4. Initial the drag and drop package

```shell



    



    msDND('#drag_and_drop');

```

5. Always initial the drag and drop package with an id.