Dropzone Web Component Complete with Display of GeoJSON, GeoTIFF, JPG, and PNG Files!
https://dropzone-complete.netlify.app
npm install dropzone-complete
<script src="https://unpkg.com/dropzone-complete"></script>
<dropzone-complete></dropzone-complete>
<script>
document.querySelector("dropzone-complete").addEventListener("change", function(event) {
console.log("DropZone Complete loaded file:", event.detail.file);
});
</script>
<dropzone-complete height=400 width="100%"></dropzone-complete>
Set a placeholder attribute to over-ride the default HTML placeholder "Click to Choose a File<br> or Drag One Here"
.
<dropzone-complete placeholder="Drop your Document Here"></dropzone-complete>
If you want to treat your file like a certain file type regardless of extension, use the file_type attribute:
<dropzone-complete file_type="text/plain"></dropzone-complete>
Post an issue at https://github.com/danieljdufour/issues or email the package author at daniel.j.dufour@gmail.com