3

ページ上のフォームを使用して、さまざまな目的で使用される画像の URL をユーザーに入力させています。提供された URL が実際に画像かどうかを判断する ajax メソッドを作成しています。これまでのところ、私はこれを行ってきました:

$(document).on('ready', function () {

    $("#AppBackgroundImage").on('blur', function () {

        var providedImage = $(this);
        var URL = providedImage.val();

        $.ajax({
            url: providedImage.val(),
            type: "GET",
            success: function () { $("#imageThumbnail").attr("src", URL); },
            error: function () { $("#imageThumbnail").attr('src', "C:\Users\jorda_000\Desktop"); }

        });

        //$("#imageThumbnail").attr("src", URL);
    })

})

成功関数とエラー関数をコメントアウトし、コードの一番下の行のコメントを外すと、フォーム入力をクリックすると、サムネイル (id = "imageThumbnail") が適切な画像で更新されます。画像でない場合は、空白のサムネイルが表示されます。

私がやろうとしている 2 つの .attr メソッドを渡すことは実行可能ですか、それとも他の場所で処理する必要がありますか? URLが画像の場合は適切な画像を表示し、そうでない場合はデフォルトの画像を表示します（適切なエラーメッセージとともに）。

4

1 に答える 1

1

試してみる：

$(document).on('ready', function () {

    $("#AppBackgroundImage").on('blur', function () {

        var providedImage = $(this);
        var URL = providedImage.val();

        $.ajax({
            url: providedImage.val(),
            type: "GET",
            error: function () { URL = "C:\Users\jorda_000\Desktop"); }
            complete: function () { $("#imageThumbnail").attr("src", URL); }
        });

    })

});
于 2013-05-06T15:59:42.700 に答える