<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8"/>
    <title>Sample of filednd</title>
    <link href="./simple.css" rel="stylesheet"/>
  </head>
  <body>

    <div id="drop-zone" class="simple-card">Drag & Drop to this element!</div>

    <div id="preview-zone" class="simple-card">Will preview image.</div>

    <script src="../../index.js"></script>
    <script>
     var filednd = new FileDnD('#drop-zone', {
       preview: '#preview-zone',
       dragoverClass: 'emphasis',
       imageMinWidth: '100%',
       imageMaxWidth: '100%',
       imageMinHeight: '100%',
       imageMaxHeight: '100%',
     });

     filednd.addEventListener('uploadend', function(e) {
       console.log(e.detail);
     });
    </script>
  </body>
</html>

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8"/>
    <title>Sample of filednd</title>
    <link href="./simple.css" rel="stylesheet"/>
  </head>
  <body>

    <div id="drop-zone" class="simple-card">Drag & Drop to this element!</div>

    <div id="preview-zone" class="simple-card">Will preview image.</div>

    <script src="../../index.js"></script>
    <script>
     var filednd = new FileDnD('#drop-zone', {
       preview: '#preview-zone',
       dragoverClass: 'emphasis',
       imageMinWidth: '100%',
       imageMaxWidth: '100%',
       imageMinHeight: '100%',
       imageMaxHeight: '100%',
     });

     filednd.addEventListener('upload', function(e) {
       console.log(e.detail);
     });

     filednd.addEventListener('uploadend', function(e) {
       console.log(e.detail);
     });
    </script>
  </body>
</html>

Add event listener sample `upload`
Add event listener sample `upload`
