从<img/>标记获取HTTP状态代码或响应标头？

Question

在我正在构建的这项服务中，对图像的请求可能会产生两种可能的响应。

1. 它会回应所要求的图像。

2. 它以默认图像响应，并指示所请求的图像不是立即可用的。在这种情况下，可以重复请求。

表明案例＃2的明显方法是使用202状态代码或X-Retry-In标头进行回复。但是，我愿意接受建议。

无论如何，我的目标是以某种方式在JS（http标题/状态代码/其他想法欢迎）中捕获此响应，并在几秒钟后自动重试图像。

我知道使用ajax可以完成一些近似的事情，但我真的更喜欢只使用JS +＆lt; img＆gt;的解决方案。标签

Answer 1

尝试这样的事情：

$.ajax({
type: "GET",
url: "YOURURL",
dataType: "image/png",
success: function(img) {
  i = new Image();
  i.src = img; // your image
},
error: function(err) {
  i = new Image();
  i.src = 'http://website.site/image.png' // your error image
}
});