장고 - - 자바 스크립트 이미지에 안 캐시가 내 템플릿에 사용

Question

새로 고침, 다음과 같은 자바 스크립트 이미지 새로 고침 :

<script type='text/javascript'> 
$(document).ready(function() { 
    var $img = $('#imageactual'); 
    setInterval(function() { 
     $.get('{{ MEDIA_URL }}{{ data_to_modify.thumbnail.name }}?cachebuster='+Math.floor(Math.random()*100 +1), function(data) { 
      var $loader = $(document.createElement('img')); 
      $loader.one('load', function() { 
       $img.attr('src', $loader.attr('src')); 
      }); 
      $loader.attr('src', data); 
      if($loader.complete) { 
       $loader.trigger('load'); 
      } 
     }); 
    }, 2000); 
}); 
</script> 

을 그리고 난 다음 HTML 코드를 사용하여 이미지를 표시합니다

<img id="imageactual" src="{{ MEDIA_URL }}{{ data_to_modify.thumbnail.name }}" /> 

을 내보기에서

나는

@never_cache 
@cache_control(max_age=0, no_cache=True, no_store=True, must_revalidate=True) 

및

추가

response = render(request, 'mainsite/modify.html', locals(), context_instance=RequestContext(request)) 
    response['Cache-Control'] = 'no-store, no-cache, must-revalidate proxy-revalidate' 
    response['Expires'] = 'Thu, 01 Jan 1970 00:00:00 GMT' 
    response['Pragma'] = 'no-cache' 
    return response 

그러나 이미지는 브라우저 (Chrome : 버전 35.0.1916.153m)에서 계속 캐싱됩니다. 이것을 피하는 방법을 알고 있습니까?

는 편집 1 : @yedpodtrzitko는 지적

**Header:** 

Remote Address:127.0.0.1:80 
Request URL:http://127.0.0.1/medias/thumbs/odbgelguelteeglndjssastj.jpg 
Request Method:GET 
Status Code:200 OK (from cache) 

Answer 1

, 장고에서 웹 페이지의 캐시 헤더를 조정하는 것은 무의미하다.

이 부분은 잘못된 같습니다

$.get('{{ MEDIA_URL }}{{ data_to_modify.thumbnail.name }}?cachebuster='+Math.floor(Math.random()*100 +1), function(data) { 

{{ MEDIA_URL }}{{ data_to_modify.thumbnail.name }} 당신이 바로 표시 할 이미지의 URL입니다? (당신은 HTML img 태그에서 동일한 URL을 사용합니다)

그런 경우 ajax를 통해 해당 URL을로드하는 것은 의미가 없습니다.

<script type='text/javascript'> 
$(document).ready(function() { 
    var $img = $('#imageactual'); 
    setInterval(function() { 
     $img.attr('src', '{{ MEDIA_URL }}{{ data_to_modify.thumbnail.name }}?cachebuster='+Math.floor(Math.random()*100 +1)); 
    }, 2000); 
}); 
</script>