ファイルのdrag&dropを検知

qiita.com

dropイベントのevent.dataTransfer.filesにファイル情報が入る。

・・・だそうです。

一応、こんな感じでChrome拡張に埋め込むことができました。

    var elDrops = document.getElementsByClassName('p-file_drag_drop__container');
    elDrops[0].addEventListener('drop', function(event) {
        event.preventDefault();
        event.stopPropagation();
        var files = event.dataTransfer.files;
        alert('次のファイルのドロップを検知しました。 ⇒ ' + files[0].name);
        
    });

なんか、こんなことやっている人もいるのね。。。 ↓↓↓

qiita.com