Nhận mã trạng thái HTTP hoặc tiêu đề phản hồi từ <img> thẻ?

Question

Trong dịch vụ này mà tôi đang xây dựng, một yêu cầu cho một hình ảnh có thể dẫn đến hai phản ứng có thể xảy ra.

1. Nó phản hồi hình ảnh được yêu cầu.

2. Phản hồi bằng hình ảnh mặc định và chỉ báo rằng hình ảnh được yêu cầu không có sẵn ngay lập tức. Trong trường hợp này, yêu cầu có thể được lặp lại.

Những cách rõ ràng để chỉ trường hợp # 2 là một trong hai phản ứng với một mã 202 trạng thái, hoặc một X-Retry-In tiêu đề. Tuy nhiên, tôi mở để gợi ý.

Dù sao, mục tiêu của tôi là bằng cách nào đó nắm bắt phản hồi này trong JS (http tiêu đề/mã trạng thái/ý tưởng khác được chào đón) và tự động thử lại hình ảnh sau vài giây.

Tôi biết điều gì đó gần đúng này có thể được thực hiện với ajax, nhưng tôi thực sự muốn một giải pháp chỉ sử dụng các thẻ JS + <img>.

Answer 1

Hãy thử một cái gì đó như thế này:

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