Question

var gravatar1;
var gravatar2;
var email1 = $(email1).val();
email1 = $.trim(email1);
email1 = email1.toLowerCase();
email1 = md5(email1);
gravatar1 = 'http://www.gravatar.com/avatar/' + email1;
var email2 = $(email2).val();
email2 = $.trim(email2);
email2 = email2.toLowerCase();
email2 = md5(email2);
gravatar2 = 'http://www.gravatar.com/avatar/' + email2;

有没有办法确定gravatar1是否返回默认图像，以便我可以覆盖gravatar1来显示gravatar2图像。如果返回默认图像，gravatar2仅覆盖gravatar1。谢谢！

Answer 1

如果您向网址添加d = 404，则如果用户没有图像集，则gravatar将返回404状态而不是默认图像。

即。 http://www.gravatar.com/avatar/098f6bcd4621d373cade4e832627b4f6?s=80&d=404（用户图片不可用）

将返回404。

<强>虽然

http://www.gravatar.com/avatar/c9ef50b85bd345ea4e0d8da558816f3d?s=80&d=404（可用的用户图片）

将返回图像。

所以你可以做下面的事情，基本上遍历所有的img.gravatar-img元素，获取src，设置上面提到的d = 404，然后为src发送请求（类型：HEAD），

如果页面返回404，则会运行错误块，允许您用一个可用的图像替换src，我个人在图像上有默认图像，即

<img src="" data-defaultImg="">

或者反过来 - 你可以将src设置为默认图像用成功块替换错误块，因此如果存在gravatar图像替换默认图像，这将阻止在页面上显示“未找到”图像如果JS被禁用或者ajax调用需要时间。

$("img.gravatar-img").each(function(i,el) {
imgUrl = $(el).attr("src") + "&d=404";

// Image Does Not Exist
  $.ajax({
    url:imgUrl,
    type:"HEAD",
    crossDomain:true,
    error:function(){
      $(el).attr("src", $(el).attr("data-defaultimg"));
    }
  });
});

确定gravatar是否使用javascript返回默认图像

1 个答案: