단일 페이지 앱에서 이미지를 다시 가져 오는 방법은 무엇입니까?

Jeremie

나는 많은 연구를했고 내 문제를 해결하기 위해 많은 것을 시도했지만 내가 뭔가 잘못했거나 무엇을 해야할지 모르겠다.

이미지 썸네일을 표시하는 JS 단일 페이지 앱이 있습니다. 각 썸네일은 시간이 지남에 따라 변경 될 수 있으므로 etag를 사용하도록 이미지 응답 헤더를 설정했습니다.

1. 페이지를로드하고 이러한 응답 헤더가있는 썸네일을 검색하기위한 GET 호출이 있음을 확인합니다 (etag가 설정되고 캐시가없는 캐시 제어, 만료 날짜가 과거 하루로 설정 됨). :

date: Wed, 25 Mar 2015 13:24:56 GMT
cache-control: private, no-cache, max-age=0
expires: Tue Mar 24 2015 09:24:56 GMT-0400 (EDT)
etag: 1427215131000
  1. 페이지의 다른 섹션으로 이동합니다 (페이지에 썸네일이 표시되지 않음).
  2. 썸네일 뷰로 돌아가서 썸네일 이미지를 다시 보지만 다시 가져 오지 않았습니다 ( 썸네일을 검색하기 위해 GET 호출이 수행되지 않음 ).

이미지가 서버에서 변경되었는지 확인하기 위해이 GET 호출이 필요합니다 (etag 기반). Btw, 나는 또한 브라우저에서 캐싱을 끄고 여전히 GET 호출을 볼 수 없습니다.

누구나이 문제를 해결하는 방법을 알고 있습니까?

감사합니다!

Jeremie

socket.io를 사용했습니다. 백엔드에서 이미지가 변경되고 socket.io를 통해 업데이트 메시지가 전송 될 때마다 프론트 엔드에 특정 이미지가 변경되어 다시 가져와야 함을 알립니다.

프런트 엔드는이 이미지에 대한 다음 호출이 호출 끝에 타임 스탬프를 추가하여 서버에 대한 재 패치 호출을 수행하는지 확인합니다.

전의.:

  1. 사용자가 페이지를 방문하면 이미지 URL은 http://www.example.com/images/logo.png입니다.
  2. 사용자가 사이트를 탐색했지만 이미지 URL은 여전히 http://www.example.com/images/logo.png입니다.
  3. 백엔드의 이미지 변경 : 이벤트가 프런트 엔드로 전송됩니다.
  4. 사용자가 단일 웹 앱을 탐색하고 로고 이미지를 다시 표시해야합니다. 이미지 URL이로 변경되었습니다 http://www.example.com/images/logo.png?_=1427980814941.
  5. 사용자가 사이트를 탐색합니다. 이미지 URL은 아직 http://www.example.com/images/logo.png?_=1427980814941입니다.
  6. 백엔드에 또 다른 변경이 있으면 3 단계로 돌아갑니다.

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

이미지를 가져 와서 다음 페이지에 표시하는 방법은 무엇입니까?

분류에서Dev

Silverstripe 3 : 함수의 다른 페이지에 표시하기 위해 여러 페이지에서 이미지를 가져 오는 방법은 무엇입니까?

분류에서Dev

화면이 다른 크기 일 때 페이지 요소가 상단에 고정 된 유동 이미지를 지우는 방법은 무엇입니까?

분류에서Dev

Android : 캐시 파일이 이미있는 경우 Parse에서 매번 이미지를 가져 오지 않는 방법은 무엇입니까?

분류에서Dev

데이터 가져 오기 레코드를 단일 페이지에 두 번 표시하는 방법은 무엇입니까?

분류에서Dev

ImageView가 이미지를 표시하지 않지만 이미지를 가져 오는 동일한 방법이 앱의 다른 부분에서 작동합니다.

분류에서Dev

다른 페이지에있는 TextBox에서 데이터를 가져 오는 방법은 무엇입니까?

분류에서Dev

QML을 사용하여 목록보기 페이지에서 단일 항목 세부 정보 페이지를 가져 오는 방법은 무엇입니까?

분류에서Dev

선 위에 미사일 이미지를 가져 오는 방법은 무엇입니까?

분류에서Dev

git에서 커밋되지 않은 숨김 파일을 다시 가져 오는 방법은 무엇입니까?

분류에서Dev

다른 테이블에서 데이터를 가져오고 PHP Codeigniter에서 단일 테이블에 표시하는 방법은 무엇입니까?

분류에서Dev

Fable에서 이미지를 가져 오는 방법은 무엇입니까?

분류에서Dev

Phonegap 앱-Json Web Service Response에서 이미지를 가져 오는 방법은 무엇입니까?

분류에서Dev

이중성 파일에서 파일을 다시 가져 오는 방법은 무엇입니까?

분류에서Dev

crome 브라우저에서 북마크 페이지를 가져오고 Android 앱에 표시하는 방법은 무엇입니까?

분류에서Dev

OpenGL (OpenTK)에서 간단한 이미지를 표시하는 가장 간단한 방법은 무엇입니까?

분류에서Dev

피드에서 이미지를 두 번 가져 오지 않고 Facebook 게시물에 이미지를 추가하는 방법은 무엇입니까?

분류에서Dev

다중 페이지 앱에서 플롯 대시가있는 파일을 다운로드하는 방법은 무엇입니까?

분류에서Dev

Facebook 페이지에서 스티커 게시물을 가져 오는 방법은 무엇입니까?

분류에서Dev

PIL을 사용한 RGB 처리-단일 이미지를 가져와 RGB 값이 다른 이미지를 생성하는 방법은 무엇입니까?

분류에서Dev

이미지 변수 (SESSION)에서 이미지를 저장하고 가져 오는 방법은 무엇입니까?

분류에서Dev

이미지의 src를 가져오고 이미지를 표시하는 방법은 무엇입니까?

분류에서Dev

이미지 src를 변수로 가져오고 배열에서 이미지를 표시하는 방법은 무엇입니까?

분류에서Dev

대량 가져 오기 기능에서 이미지를 가져 오는 방법은 무엇입니까?

분류에서Dev

모든 브라우저에 정크 텍스트가 표시됩니다. 정크없이 웹 페이지를 가져 오는 방법은 무엇입니까?

분류에서Dev

Vue | 특정 NPM 패키지에서 스타일 시트를 가져 오는 방법은 무엇입니까?

분류에서Dev

서버에서 Android 발리의 textview로 단일 데이터를 가져 오는 방법은 무엇입니까?

분류에서Dev

썸네일에 추가되는 이미지의 오른쪽 상단에 아이콘을 가져 오는 방법은 무엇입니까?

분류에서Dev

페이지로드시 페이지 상단에 div를 표시하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    이미지를 가져 와서 다음 페이지에 표시하는 방법은 무엇입니까?

  2. 2

    Silverstripe 3 : 함수의 다른 페이지에 표시하기 위해 여러 페이지에서 이미지를 가져 오는 방법은 무엇입니까?

  3. 3

    화면이 다른 크기 일 때 페이지 요소가 상단에 고정 된 유동 이미지를 지우는 방법은 무엇입니까?

  4. 4

    Android : 캐시 파일이 이미있는 경우 Parse에서 매번 이미지를 가져 오지 않는 방법은 무엇입니까?

  5. 5

    데이터 가져 오기 레코드를 단일 페이지에 두 번 표시하는 방법은 무엇입니까?

  6. 6

    ImageView가 이미지를 표시하지 않지만 이미지를 가져 오는 동일한 방법이 앱의 다른 부분에서 작동합니다.

  7. 7

    다른 페이지에있는 TextBox에서 데이터를 가져 오는 방법은 무엇입니까?

  8. 8

    QML을 사용하여 목록보기 페이지에서 단일 항목 세부 정보 페이지를 가져 오는 방법은 무엇입니까?

  9. 9

    선 위에 미사일 이미지를 가져 오는 방법은 무엇입니까?

  10. 10

    git에서 커밋되지 않은 숨김 파일을 다시 가져 오는 방법은 무엇입니까?

  11. 11

    다른 테이블에서 데이터를 가져오고 PHP Codeigniter에서 단일 테이블에 표시하는 방법은 무엇입니까?

  12. 12

    Fable에서 이미지를 가져 오는 방법은 무엇입니까?

  13. 13

    Phonegap 앱-Json Web Service Response에서 이미지를 가져 오는 방법은 무엇입니까?

  14. 14

    이중성 파일에서 파일을 다시 가져 오는 방법은 무엇입니까?

  15. 15

    crome 브라우저에서 북마크 페이지를 가져오고 Android 앱에 표시하는 방법은 무엇입니까?

  16. 16

    OpenGL (OpenTK)에서 간단한 이미지를 표시하는 가장 간단한 방법은 무엇입니까?

  17. 17

    피드에서 이미지를 두 번 가져 오지 않고 Facebook 게시물에 이미지를 추가하는 방법은 무엇입니까?

  18. 18

    다중 페이지 앱에서 플롯 대시가있는 파일을 다운로드하는 방법은 무엇입니까?

  19. 19

    Facebook 페이지에서 스티커 게시물을 가져 오는 방법은 무엇입니까?

  20. 20

    PIL을 사용한 RGB 처리-단일 이미지를 가져와 RGB 값이 다른 이미지를 생성하는 방법은 무엇입니까?

  21. 21

    이미지 변수 (SESSION)에서 이미지를 저장하고 가져 오는 방법은 무엇입니까?

  22. 22

    이미지의 src를 가져오고 이미지를 표시하는 방법은 무엇입니까?

  23. 23

    이미지 src를 변수로 가져오고 배열에서 이미지를 표시하는 방법은 무엇입니까?

  24. 24

    대량 가져 오기 기능에서 이미지를 가져 오는 방법은 무엇입니까?

  25. 25

    모든 브라우저에 정크 텍스트가 표시됩니다. 정크없이 웹 페이지를 가져 오는 방법은 무엇입니까?

  26. 26

    Vue | 특정 NPM 패키지에서 스타일 시트를 가져 오는 방법은 무엇입니까?

  27. 27

    서버에서 Android 발리의 textview로 단일 데이터를 가져 오는 방법은 무엇입니까?

  28. 28

    썸네일에 추가되는 이미지의 오른쪽 상단에 아이콘을 가져 오는 방법은 무엇입니까?

  29. 29

    페이지로드시 페이지 상단에 div를 표시하는 방법은 무엇입니까?

뜨겁다태그

보관