君は心理学者なのか?スマートフォン用の表示で見る君は心理学者なのか?大学時代に心理学を専攻しなぜかプログラマになった、サイコ(心理学)プログラマかろてんの雑記。簡単に言うと、DragEventからDataTransferを取得DataTransferからFileを取得FileをFileReaderで読み込み、サムネイルとして表示という手順になります。dropエリアを作成するimgは後でサムネイルを表示する際に使います。true);この中にdrop後の処理を書き込んでいきます。dragしたファイル(Fileオブジェクト)を受け取るdropしたファイルを取得します。dropイベントの中身を見てみましょう。console.log(evt);DragEventというオブジェクトのようです。今回用があるのは、このオブジェクトが持つDataTransferというオブジェクトです。console.log(evt.dataTransfer);DataTransferオブジェクトがもつfilesというプロパティから、ドラッグされたFileオブジェクトにアクセスすることが出来ます。*/console.log(evt.dataTransfer.files[0]);複数件まとめて扱うこともできそうですね。true);FileReaderの解説html5から、FileReaderというローカルファイルを読み込めるAPIが使えるようになりました。FileReaderが扱えるのはFileオブジェクト(またはBlobオブジェクト)です。reader.resultでファイル内容にアクセスできる};としてファイルを読み込んだ後の処理を記載します。読み込んだ結果は、reader.resultでアクセスできます。reader.readAsDataURL(file);としてファイルオブジェクトを読み込みます。»プロフィールid:karoten512技術とか思考とか。Access-Control-Allow-Origin)が出るもし、蓮舫が我が家の事業仕分けをしたらQiitadonで起こったカットイン月別アーカイブリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!karoten512さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。