JSFiddle - React, Tailwind, and code Playground

by lechevalierd3on

HTML

<ul></ul>

JavaScript

window.addEventListener('dragenter', function(){});
window.addEventListener('dragover', function(){});
window.addEventListener('dragend', function(){});
window.addEventListener('dragleave', function(){});

window.addEventListener('ondrop', function(e) {
    e.preventDefault();
    var files = e.dataTransfer.files;
    for (var i = 0; i < files.length; i++) {
        $('ul').append('<li>'+ files[i].name +'</li>');
    }
});