開発したアプリなど一覧

ハッシュ値チェック用ページ作成

記事内にアフィリエイトリンクを含む場合があります

javascript を使用してローカルのファイルをドラッグアンドドロップで取得するというのをやってみたかったのでちょろっと作ってみた。
あんまり試してないけど Firefox3.6.x じゃないと動かないかな?

詳しい事は

HTML5 Drag and Drop and File API Tutorial | The Buzz Media


を読みましょう。俺はまだ少ししか読んでないけど。

hash_check

以下ドラッグアンドドロップ部分のソース

function cancel(e) { e.stopPropagation(); e.preventDefault(); return false; } function hashcheck(e) { var data = e.dataTransfer; if (data.files.length > 0) { check_hash(data.files[0].getAsBinary(), 'binary'); } e.stopPropagation(); e.preventDefault(); return false; }

$('#drop')[0].addEventListener('dragover', cancel, false); $('#drop')[0].addEventListener('dragenter', cancel, false); $('#drop')[0].addEventListener('dragleave', cancel, false); $('#drop')[0].addEventListener('drop', hashcheck, false);

対象の要素に対してイベントを4つもつけないといけない様だ。もっともサポートしているブラウザがまだ少数の様なので実用的ではない、かな。

Sponsored Link

コメント

タイトルとURLをコピーしました