dropzone-complete

Dropzone Web Component Complete with Display of GeoTIFF, JPG, and PNG Files!

demo

https://dropzone-complete.netlify.app

screenshots

install

npm install dropzone-complete

usage

<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>

setting dimensions

<dropzone-complete height=400 width="100%"></dropzone-complete>

over-riding placeholder

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>

over-riding file type

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>

contact

Post an issue at https://github.com/danieljdufour/issues or email the package author at [email protected]