やりたいこと
ドラックドロップでファイルの読み込み機能を作成をおこなっています。
下記に記載しているサイトなどを参考に仮のものを作成してみたのですが
どういうわけかドロップしたファイルの情報が取得できませんでした。
参考サイト
jsでドラックドロップでファイルを扱うのには何かライブラリが別途必要なのでしょうか?
単なるミスのような気もするのですが、どうにも自分では分からなくなってしまいました。
ご助力よろしくお願いします。
実際のコード
HTML
1<div id="drop_area"></div>
JavaScript
1var drop_area = document.getElementById('drop_area'); 2drop_area.addEventListener('dragover', function(e) { 3 e.stopPropagation(); 4 e.preventDefault(); 5}); 6drop_area.addEventListener('drop', function (e) { 7 e.stopPropagation(); 8 e.preventDefault(); 9 var files = e.dataTransfer.files; 10 console.log(files); 11});
回答1件
あなたの回答
tips
プレビュー