ファイルAPI、これらが機能しなくなった理由は、両方がhtml5ファイルAPIを実装したためです。
これがAPIのhtml5デモです。
デモを削除した場合の関連スクリプトは次のとおりです。
<script>
var holder = document.getElementById('holder'),
state = document.getElementById('status');
if (typeof window.FileReader === 'undefined') {
state.className = 'fail';
} else {
state.className = 'success';
state.innerHTML = 'File API & FileReader available';
}
holder.ondragover = function () { this.className = 'hover'; return false; };
holder.ondragend = function () { this.className = ''; return false; };
holder.ondrop = function (e) {
this.className = '';
e.preventDefault();
var file = e.dataTransfer.files[0],
reader = new FileReader();
reader.onload = function (event) {
console.log(event.target);
holder.style.background = 'url(' + event.target.result + ') no-repeat center';
};
console.log(file);
reader.readAsDataURL(file);
return false;
};
</script>
注:Chromeでローカルマシン上のファイルにアクセスする必要がある場合は、このスイッチを使用してプログラムを実行する必要があります--allow-file-access-from-files
(実際にサーバーにロードせずにファイル入力を使用する場合、そうでない場合はxhrクロスドメインエラーが発生します) 。
Firefoxの同等のものはわかりません。