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

Question

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

1. 它响应请求的图像。

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

表示情况＃2的明显方法是使用202状态代码或X-Retry-In标头进行响应。 但是，我愿意接受建议。

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

我知道一些近似的东西可以用ajax完成，但我真的更喜欢只使用JS + <img>标签的解决方案。

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
}
});