이미지 오류 처리기에서 응답 헤더 읽기

카밀 호둘

나는이 <img />내 페이지에서 요소를, 그리고 그것의 src속성은 정기적으로 자바 스크립트로 변경됩니다.

src속성이 변경 되면 서버의 내 코드가 다음을 확인합니다.

  1. 사용자가 로그인되어 있습니까?
  2. 이미지가 존재합니까?

그런 다음 그에 따라 이미지 또는 오류 헤더 (Status 403 Forbidden또는 404 Not Found) 가있는 응답을 보냅니다 .

내 문제는 다음과 같습니다. 다음 코드로 img 오류를 처리합니다.

$(function(){
    var $img = $('#test_image');
    $img.on('error',function(e){
        // here, I need to read the headers (at least status code)
        console.log(e);
    }).attr('src','http://example.com/loadimg.php?img=3');
});

세션이 만료되어 사용자가 이미지를로드 할 수 없거나로드하려는 이미지가 존재하지 않는 경우 고유 한 오류 메시지 를 표시해야 합니다.

eventObject핸들러 의 응답 헤더 및 / 또는 상태 코드는 어디에서 찾을 수 있습니까 ?

감사합니다.

jsfiddle

마이클 라 파르 그

오버 헤드가 너무 많지 않은 경우 Head 요청을 보내 오류 발생시 어떤 결과가 반환되는지 확인할 수 있습니다.

var http = new XMLHttpRequest();
http.open('HEAD', url, true); // True is for async
http.send();
if (http.status == 404) {
    //
} else if (http.status == 403) {
    //
} else {
    //
}

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Elm의 HTTP 응답에서 사용자 지정 헤더 읽기

분류에서Dev

Angular 2에서 사용자 지정 HTTP 응답 헤더 읽기

분류에서Dev

PHP 응답 헤더 가져 오기

분류에서Dev

cURL에서 헤더없이 json 응답에서 값 가져 오기

분류에서Dev

Angular 8-HttpInterceptor-응답 헤더 읽기

분류에서Dev

응답 헤더 읽기 문제

분류에서Dev

HTTP 응답에서 헤더 가져 오기

분류에서Dev

Firefox Addon에서 HTTP 응답 헤더 가져 오기

분류에서Dev

AFNetworking Swift의 헤더 응답에서 토큰 값 가져 오기

분류에서Dev

응답 처리가 완료되기 전 오류 페이지

분류에서Dev

이미지 읽기 오류

분류에서Dev

응답 헤더를 보내기 위해 SimpleHTTPServer 가져 오기

분류에서Dev

응답 헤더 로봇 프레임 워크 가져 오기

분류에서Dev

오류 : 업스트림에서 응답 헤더를 읽는 동안 업스트림 연결이 너무 일찍 닫혔습니다.

분류에서Dev

헤더 메뉴 크기가 응답하지 않음

분류에서Dev

ServiceReference 호출의 응답에서 헤더 값 (Set-Cookie) 가져 오기

분류에서Dev

angular-spring-data-rest를 사용할 때 응답 헤더 읽기

분류에서Dev

HttpClient 응답에서 이미지 가져 오기

분류에서Dev

json 응답에서 실제 이미지 경로 가져 오기

분류에서Dev

BigQuery 미리보기 : 서버의 알 수없는 오류 응답

분류에서Dev

Flask에서 응답 헤더 설정시 CORS 오류

분류에서Dev

Ext JS Store에서 리더기 전에 JSON 응답 읽기

분류에서Dev

응답 지연 및 기타 오류를 처리하는 웹 서비스의 데이터 업데이트

분류에서Dev

각도로 get 요청에 대한 응답 헤더 가져 오기

분류에서Dev

Tornado 요청 핸들러에 설정된 현재 응답 헤더 가져 오기

분류에서Dev

봄 부팅 GenericFilterBean, 클라이언트 측에서 필터 반환 오류 코드 및 응답 헤더

분류에서Dev

json 응답에서 데이터 읽기

분류에서Dev

RFID 리더기에 명령을 쓴 후 응답을 읽으려고하는데 빈 응답이 나타남

분류에서Dev

IE 10/11 : API 응답에서 이미지 미리보기

Related 관련 기사

  1. 1

    Elm의 HTTP 응답에서 사용자 지정 헤더 읽기

  2. 2

    Angular 2에서 사용자 지정 HTTP 응답 헤더 읽기

  3. 3

    PHP 응답 헤더 가져 오기

  4. 4

    cURL에서 헤더없이 json 응답에서 값 가져 오기

  5. 5

    Angular 8-HttpInterceptor-응답 헤더 읽기

  6. 6

    응답 헤더 읽기 문제

  7. 7

    HTTP 응답에서 헤더 가져 오기

  8. 8

    Firefox Addon에서 HTTP 응답 헤더 가져 오기

  9. 9

    AFNetworking Swift의 헤더 응답에서 토큰 값 가져 오기

  10. 10

    응답 처리가 완료되기 전 오류 페이지

  11. 11

    이미지 읽기 오류

  12. 12

    응답 헤더를 보내기 위해 SimpleHTTPServer 가져 오기

  13. 13

    응답 헤더 로봇 프레임 워크 가져 오기

  14. 14

    오류 : 업스트림에서 응답 헤더를 읽는 동안 업스트림 연결이 너무 일찍 닫혔습니다.

  15. 15

    헤더 메뉴 크기가 응답하지 않음

  16. 16

    ServiceReference 호출의 응답에서 헤더 값 (Set-Cookie) 가져 오기

  17. 17

    angular-spring-data-rest를 사용할 때 응답 헤더 읽기

  18. 18

    HttpClient 응답에서 이미지 가져 오기

  19. 19

    json 응답에서 실제 이미지 경로 가져 오기

  20. 20

    BigQuery 미리보기 : 서버의 알 수없는 오류 응답

  21. 21

    Flask에서 응답 헤더 설정시 CORS 오류

  22. 22

    Ext JS Store에서 리더기 전에 JSON 응답 읽기

  23. 23

    응답 지연 및 기타 오류를 처리하는 웹 서비스의 데이터 업데이트

  24. 24

    각도로 get 요청에 대한 응답 헤더 가져 오기

  25. 25

    Tornado 요청 핸들러에 설정된 현재 응답 헤더 가져 오기

  26. 26

    봄 부팅 GenericFilterBean, 클라이언트 측에서 필터 반환 오류 코드 및 응답 헤더

  27. 27

    json 응답에서 데이터 읽기

  28. 28

    RFID 리더기에 명령을 쓴 후 응답을 읽으려고하는데 빈 응답이 나타남

  29. 29

    IE 10/11 : API 응답에서 이미지 미리보기

뜨겁다태그

보관