2013-02-19 57 views
0

在更改新URL後,我們是否可以強制更改圖像? 在我的情況下...當用戶把任何圖片的URL放入文本框時,我把圖像的源..使用jQuery刷新<img />的src後,瀏覽器緩存圖像,圖像未更改

OnBlur:圖像顯示在瀏覽器..但問題是,加載圖像後,當我把另一個URL到文本框和刪除prevoius ...圖片這麼想的出現。但是圖像的源改變......這裏是我的代碼

$("#urltxt").blur(function() { 
       var source = $("#urltxt").val(); 
       $("#target").attr("src", source); 
       $('#target').Jcrop({ 
        setSelect: [100, 100, 50, 50], 
        onRelease: clearCoords 
       } 
      }); 
$("#urltxt").keyup(function() { 
       src = $('#target').attr('src'); 
       // check for existing ? and remove if found 
       queryPos = src.indexOf('?'); 
       if (queryPos != -1) { 
        src = src.substring(0, queryPos); 
       } 
       $('#target').attr('src', $("#urltxt").val() + '?' + Math.random()); 

      }); 

和我的HTML標籤是

<img src="" id="target"/> 

<input id="urltxt" name="url" placeholder="URL" /> 

任何建議將不勝感激.. Thx ..

+0

我嘗試了很多來自stackoverflow和谷歌的例子,但沒有任何作品 – Mubarak 2013-02-19 06:34:48

回答

1

嘗試添加該上的Page_Load:

Response.Cache.SetCacheability(HttpCacheability.NoCache) 

有關詳細信息:http://msdn.microsoft.com/en-us/library/w9s3a17d(v=vs.71).aspx

(或)你可以嘗試在圖像的末尾添加一個唯一的字符串,如下所示:

<img src="/path/to/image.jpg?<%=DateTime.Now.Ticks.ToString()%>" />