javascript - 確実な Javascript 画像プレビュー

Question

ユーザーがアップロードしようとしている画像のプレビューをユーザーに提示し、FF で非常にうまく機能する次のコードがあります。

var img = document.createElement('img');
img.src = $('#imageUploader').get(0).files[0].getAsDataURL();

問題は、getAsDataURL()FFでしか機能しないことです。Chromeのこの種の機能に似たもの/回避策はありますか(具体的には)?

Answer 1

ブラウザがサポートしていない場合はgetAsDataURL、ファイル入力が代わりに Gears のopenFiles (下にスクロール) を使用して、ユーザーが選択したファイルを読み取るようにすることができます。Google はもう Gears に取り組んでいませんが、少なくともgetAsDataURL()実装されるまでは Chrome で動作します。

編集：より役立つように回答を変更しました。

Answer 2

IEはまだファイルAPIをサポートしていません。とにかく、ファイルを読み取るにはFileReaderを使用する必要があります。また、ファイルはそのファイル名ではありません（変数の名前は少しあいまいです）。

file = fileObj.files[0];
var fr = new FileReader;
fr.onloadend = changeimg;
fr.readAsDataURL(file)