Question

我进行Ajax调用以获取图像路径

var triggerImageChange = function() {
    var selectedYear = $("#year2 option:selected").val();
    var selectedType = $("#type2 option:selected").val();
    var selectedImage = $("#imageSelect2 option:selected").val();

    $.ajax({
        type: "get",
        url: "./getImage",
        data: {
            year : selectedYear,
            product : selectedProduct,
            image : selectedImage
        }
    }).done(function(data){
        var url = $('meta[name="base_url"]').attr('content');

        if(data) {
            $('#comparisonImage').attr('src', '');
            $('#comparisonImage').attr('src', url + data);
            $('#comparisonImage').css('display', 'block');
        }
    });
};

现在数据将始终返回路径。然后我使用此路径设置图像src属性。仅仅因为返回路径并不意味着该位置存在图像。如果图像不可用，我需要显示默认图像。

现在我不认为我可以使用ajax错误，因为正如我所说，数据将始终返回路径。我想知道在尝试将其设置为src属性后如何确定图像是否可用？

由于

Answer 1

尝试.get()图片：

$.get(image_url)
  .done(function() { 
    alert("Image " + image_url + " is found!");
  }).fail(function() { 
    alert("Image " + image_url + " was not found.");
  });

确定图像是否可用

1 个答案: