質問: ### やりたいこと 適当なテキストファイルを画面上にドラッグ&ドロップし、その内容をJavaScriptで扱えるようにしたいと考えています。 ### 症状 ひとまず、問題の単純化のために下記のようなコードを作成して試してみたのですが、なぜか console.log(str); による出力結果が空になります。 ### サンプルコード ``` ここにドラッグ&ドロップ ``` なお、テキストファイルはtext.txtという名前でローカルフォルダに作成し、「hello, world!」という内容を保持しています。保存は確実にされており、text.txtの内容が空であるということはありません。 よろしくお願いいたします。
回答: `evt.dataTransfer.files` からファイルを探して読み込む必要があります。 【JavaScript でのローカル ファイルの読み込み - HTML5 Rocks】 【DataTransfer - Web APIs | MDN】 【FileReader - Web API インターフェイス | MDN】