1

Webページには、画像コントロールとファイルアップロードがあります。ファイルアップロードをクリックしてローカルディスクから画像ファイルを選択すると、別のボタンをクリックしたりページを更新したりせずに、その画像を表示する前に、asp.net画像コントロールにその画像が表示されます。そのパスはデータベースに保存する必要があります

4

1 に答える 1

3

この関数を使用します。jQueryライブラリを含めることを忘れないでください。次の関数は、リーダーを使用してデータを読み取り、それをimagesrcに設定します。画像srcはurldataにすることもできます。

 function readURL(input) {
        if (input.files && input.files[0]) {//Check if input has files.
            var reader = new FileReader();//Initialize FileReader.

            reader.onload = function (e) {
                $('#PreviewImage').attr('src', e.target.result);
            };
     reader.readAsDataURL(input.files[0]);
        }
    }

これを画像のアップロードに追加しますonchange="readURL(this);"。ASP.NET UploadControlには、この関数に問題があります。代わりにHTMLアップロードコントロールを使用してください。

<img id="PreviewImage" src="" alt="?" style="width:100px; height:100px;"  />
     <input type="file" ID="ImageFileUpload" onchange="readURL(this);" />

これが実際の例ですhttp://jsbin.com/amoxip/2/edit#javascript,html

于 2012-07-02T13:49:00.403 に答える