Jquery修改image的src屬性,圖片不加載問題的解決方法
來源:易賢網(wǎng) 閱讀:3174 次 日期:2016-06-27 15:33:53
溫馨提示:易賢網(wǎng)小編為您整理了“Jquery修改image的src屬性,圖片不加載問題的解決方法”,方便廣大網(wǎng)友查閱!

下面小編就為大家?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ā)生改變。

但像”驗證碼“這種功能。新舊圖片的地址是一樣的。

鑒于上述情況,懷疑有可能是因為圖片地址是一樣的,而導致瀏覽器自動讀緩存。

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)容了,希望能給大家一個參考

更多信息請查看網(wǎng)絡編程
易賢網(wǎng)手機網(wǎng)站地址:Jquery修改image的src屬性,圖片不加載問題的解決方法
關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權(quán)所有:易賢網(wǎng)