muhaiminShihab / drag-and-drop

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

Home Page:https://muhaiminshihab.github.io/drag-and-drop/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

About

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

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


Languages

Language:JavaScript 56.5%Language:CSS 26.1%Language:HTML 17.4%