javascript - Mozilla で画像プレビューを生成していますか?

Question

画像ファイルを取得し、アップロードされた画像のプレビューを生成するコードを作成しました。画像ファイル データを読み取ってプレビューを生成すると、画像のプレビューが表示されませんが、画像ソースをバインドする前にアラートを設定すると、これは正しく機能します。

この問題を解決するにはどうすればよいですか?

以下はコードスニペットです

function changeSrc(file) {

            var reader = new FileReader();

            // array with acceptable file types
            var accept = ["image/png", "image/jpeg", "image/jpg", "image/gif"];

            // if we accept the first selected file type
            if (accept.indexOf(file.files[0].type)> -1) {
                if (file.files && file.files[0]) {
                    reader.readAsDataURL(file.files[0]);

                   If i remove this alert then preview creates problem
                   --> ***alert(reader.result);***

                    $(#previewField).attr(src, reader.result);

                }
            }
    }