1.0.8 • Published 3 years ago
imagedropjs v1.0.8
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>