Ajaxのキャッシュは、偽の画像

Question

をロードするために働いていない私はget要求を使用して、ボタンをクリックしますが、私はAJAXを使用してロードするたびに、それはここで最新のもの

は私ではありません、キャッシュされたイメージを持って、これまでとき、私は、サーバーから画像をロードしますコード

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"> 
</script> 
<script> 
$(document).ready(function(){ 
$.ajaxSetup({ url:"cap", cache: false }); 

$("#btn").click(function(){ 
     $("#mydiv").load("cap"); 
    }); 
}); 

</script> 


      <div style="display:block;margin-bottom:20px;margin-top:20px;"> 

      <div id='mydiv'></div> 
      </div> 
      <button id='btn' > reload </button> 

Answer 1

は、なぜあなたは<div id='mydiv'></div>に<img>タグを統合しませんか？その後、画像を変更するためにsrc属性を変更することができ、ajaxを使用する必要はありません。

イメージリクエストに一意の文字列を追加すると、イメージを更新できます。

は、たとえば、あなたが呼び出すことで画像を取得することができます：

<img src="http://www.example.com/pictures/img.png?123">

キャッシュを回避する方法をです

<img src="http://www.example.com/pictures/img.png?456">

。これを動的に実行するには、日付オブジェクトを使用してURLに現在の日付を追加します。

$("#myImg").prop("src", "myImg.png?" + new Date().valueOf());