刷新后，瀏覽器會緩存圖像 <img /> 與jQuery，圖像不變

Question

更改新的網址后，是否可以強制更改圖像？ 以我為例...當用戶將任何圖片的URL放入文本框時，正在放置圖像源。

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 ..

Answer 1

嘗試將其添加到page_load上：

Response.Cache.SetCacheability(HttpCacheability.NoCache)

有關更多詳細信息： http : //msdn.microsoft.com/zh-cn/library/w9s3a17d(v=vs.71).aspx

（或）您可以嘗試在圖片的末尾添加一個唯一的字符串，如下所示：

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