3

我在页面上使用表单让用户输入将用于各种目的的图像的 url。我正在编写一个 ajax 方法来确定他们提供的 url 是否实际上是图像。到目前为止，我已经这样做了：

$(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”）。如果不是图像，它将显示空白缩略图。

传递我正在尝试做的两个 .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 回答