javascript - Read response headers from image error handler -
i have <img />
element in page, , it's src
attribute regularly changed javascript.
when src
attribute changes, code on servers checks :
- is user logged in ?
- does image exist ?
then sends response accordingly, either image or response error headers (status 403 forbidden
or 404 not found
).
here's problem : handle img error following code
$(function(){ var $img = $('#test_image'); $img.on('error',function(e){ // here, need read headers (at least status code) console.log(e); }).attr('src','http://example.com/loadimg.php?img=3'); });
i need display distinct error message if user can't load image because session has expired or if image he's trying load doesn't exist.
where can find response headers and/or status code in eventobject
handler ?
thank you.
if overhead isn't you, send head request see return in case of error
var http = new xmlhttprequest(); http.open('head', url, true); // true async http.send(); if (http.status == 404) { // } else if (http.status == 403) { // } else { // }
Comments
Post a Comment