###やりたいこと
適当なテキストファイルを画面上にドラッグ&ドロップし、その内容をJavaScriptで扱えるようにしたいと考えています。
###症状
ひとまず、問題の単純化のために下記のようなコードを作成して試してみたのですが、なぜか console.log(str); による出力結果が空になります。
###サンプルコード
html
1<div ondragover="f1(event)" ondrop="f2(event)"> 2 ここにドラッグ&ドロップ 3</div> 4 5<script> 6function f1(event) 7{ 8 event.preventDefault(); 9 event.dataTransfer.dropEffect = "copy"; 10} 11 12function f2(event) 13{ 14 event.preventDefault(); 15 var f = event.dataTransfer; 16 var str = f.getData("text"); 17 console.log(str); 18} 19</script>
なお、テキストファイルはtext.txtという名前でローカルフォルダに作成し、「hello, world!」という内容を保持しています。保存は確実にされており、text.txtの内容が空であるということはありません。
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/06/01 16:33