Skip to content

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

Notifications You must be signed in to change notification settings

muhaiminShihab/drag-and-drop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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
git clone https://github.com/muhaiminShihab/drag-and-drop.git
  1. Copy the CSS file /app.css and paste it on your project

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

  3. Initial the drag and drop package

<div id="drag_and_drop">
    <input type="file" name="" id="">
</div>

<script>
    msDND('#drag_and_drop');
</script>
  1. Always initial the drag and drop package with an id.