HTML5でファイルをドラッグして読み込むやつ - Qiita

（2018年追記: 自分で必要になって見返してみて、古い記事だけどまだ内容は大丈夫でした。） サンプル デモ: http://jsfiddle.net/ginpei/bSF9z/ GitHub: https://github.com/ginpei/sample-for-html5-drop-files こんなん: ブラウザーでファイルを開かないようにする 受け付けたい要素のdragoverイベントとdropイベントを監視する。 それぞれでevent.preventDefault()する。 ファイルをドラッグしてきたら見た目を変える 要素のクラスをon/offする場合。 dragoverでonにする。 dragleaveとdropでoffにする。 ドロップされたファイルの情報を取得する dropイベントのevent.dataTransfer.filesにファイル情報が入る。 形式はFileオ

[ismage]

via JavaScriptタグが付けられた新着投稿 - Qiita http://qiita.com

[kasumani]

HTML5でファイルをドラッグして読み込むやつ 1 ストック 0 コメント この投稿をストックする サンプル こんなん: ブラウザーでファイルを開かないようにする 受け付けたい要素のdragoverイベントとdropイベントを監視する。 そ