imagedropjs
v1.0.8
Published
Small, simple drag&drop image uploader for your website
Readme
imagedrop
Usage:
- Link imagedrop.css before every other styles inside your
<head>tags
<head>
<link rel="stylesheet" href="imagedrop.css" />
<link rel="stylesheet" href="style.css" />
</head>- Make an empty element(div is recommended) and give it a class
<div class="your_div_classname"></div>- Link imgdrop.js right before the end of the
<body>tag.
<body>
<!-- other stuff -->
<script src="./path/imagedrop.js"></script>
</body>- Make a script tag after imgdrop.js
Inside script tags you have to define new ImageDrop like this
<body>
<!-- other stuff -->
<script src="./path/imagedrop.js"></script>
<script>
new ImageDrop("your_div_classname").init()
</script>
</body>Options:
Options must be an object type and all of its values must be string types.
You can pass the options like this(these are the default values):
<script>
let options = {
inputName: 'images', // Necessary
textContent: 'Drag or Drop Images Here',
borderColor: 'grey',
borderWidth: '1px',
borderRadius: '12px',
fontSize: '30px',
fontFamily: 'san-serif',
}
new ImageDrop("your_div_classname", options).init()
</script>