下面小編就為大家?guī)硪黄狫query修改image的src屬性,圖片不加載問題的解決方法。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考
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. 出現(xiàn)的問題
在IE6下面圖片修改正常,但在IE7和Firefox下面卻不刷新
4. 情況分析
如果新的圖片跟舊的圖片地址不一樣,效果是會出來的。即:圖片有發(fā)生改變。
但像”驗證碼“這種功能。新舊圖片的地址是一樣的。
鑒于上述情況,懷疑有可能是因為圖片地址是一樣的,而導(dǎo)致瀏覽器自動讀緩存。
5. 解決方法
把javascript改成這樣即可:
document.getElementById(randimg).src="/servlet/CreateValidateNum?"+Math.random();
即:每次的訪問地址都不一樣,因為有加隨機數(shù)。所以問題解決
Jquery獲取src屬性的方法:$("#image").attr("src");
修改src屬性的值:$("#image").attr("src","image/1/gif");
以上這篇Jquery修改image的src屬性,圖片不加載問題的解決方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考