1

現在、ユーザーが送信ボタンをクリックする前に、選択した画像のクライアント側で画像プレビューを作成しようとしています。

フォーラムでこのアプローチを見つけました：

function selectedPhotoText(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#imagePreview')
                        .attr('src', e.target.result)
                        .width(240)
                        .height(149);
        };

        reader.readAsDataURL(input.files[0]);
    }
    else {
        $('#imagePreview').attr('src', "../../Images/blqblq.jpg");
    }
}

<img id="imagePreview" class="img-border" src="../../Images/blqblq.jpg" alt="Selected Image"/>

およびファイル アップロード コントロール:

<asp:FileUpload ID="uploadPhotoDialog" onchange="selectedPhotoText(this)" runat="server"/>

このアプローチは、Chrome、Firefox、および Opera で正常に機能します。IE と Safari の回避策はありますか?

前もって感謝します！

4

1 に答える 1

2

Safari から 5.XX および IE から 9.xx は FileReader をサポートしていません。これを見て。 http://caniuse.com/filereader

于 2012-09-11T09:51:32.050 に答える