Jquery修改image的src屬性，圖片不載入問題
阿新 • • 發佈：2019-01-02
1.當點選某一按鈕的時候，把圖片域中的圖片改變一下
<img id="randimg" src="/servlet/CreateValidateNum" width="60" height="20" />
<span style="cursor:hand" onclick="reflush();return false;">看不清</span>
<script>
function reflush()
{
document.getElementById(randimg).src="/servlet/CreateValidateNum"
}
</script>
2.說明
”servlet/CreateValidateNum“是Java寫的servlet。該servlet是打印出圖片
3.出現的問題
在IE6下面圖片修改正常，但在IE7和Firefox下面卻不重新整理
4.情況分析
如果新的圖片跟舊的圖片地址不一樣，效果是會出來的。即：圖片有發生改變。
但像”驗證碼“這種功能。新舊圖片的地址是一樣的。
鑑於上述情況，懷疑有可能是因為圖片地址是一樣的，而導致瀏覽器自動讀快取。
5.解決方法
把JavaScript改成這樣即可：
document.getElementById(randimg).src="/servlet/CreateValidateNum?"+Math.random();
即：每次的訪問地址都不一樣，因為有加隨機數。所以問題解決
<img id="randimg" src="/servlet/CreateValidateNum" width="60" height="20" />
<span style="cursor:hand" onclick="reflush();return false;">看不清</span>
<script>
function reflush()
{
document.getElementById(randimg).src="/servlet/CreateValidateNum"
}
</script>
2.說明
”servlet/CreateValidateNum“是Java寫的servlet。該servlet是打印出圖片
3.出現的問題
在IE6下面圖片修改正常，但在IE7和Firefox下面卻不重新整理
4.情況分析
如果新的圖片跟舊的圖片地址不一樣，效果是會出來的。即：圖片有發生改變。
但像”驗證碼“這種功能。新舊圖片的地址是一樣的。
鑑於上述情況，懷疑有可能是因為圖片地址是一樣的，而導致瀏覽器自動讀快取。
5.解決方法
把JavaScript改成這樣即可：
document.getElementById(randimg).src="/servlet/CreateValidateNum?"+Math.random();
即：每次的訪問地址都不一樣，因為有加隨機數。所以問題解決