Jquery修改image的src屬性,圖片不加載問題的解決方法
更新時間：2016年05月17日 16:44:14 投稿：jingxian
下面小編就為大家?guī)硪黄狫query修改image的src屬性,圖片不加載問題的解決方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧
1. 當(dāng)點擊某一按鈕的時候，把圖片域中的圖片改變一下
<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();
即：每次的訪問地址都不一樣，因為有加隨機(jī)數(shù)。所以問題解決
Jquery獲取src屬性的方法：$("#image").attr("src");
修改src屬性的值：$("#image").attr("src","image/1/gif");
以上這篇Jquery修改image的src屬性,圖片不加載問題的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- JQuery中模擬image的ajaxPrefilter與ajaxTransport處理
- jQuery中:image選擇器用法實例
- jquery 圖片截取工具jquery.imagecropper.js
- jquery獲取img的src值的簡單實例
- jQuery修改li下的樣式以及l(fā)i下的img的src的值的方法
- jquery得到iframe src屬性值的方法
- Jquery獲取和修改img的src值的方法
- Jquery動態(tài)更改一張位圖的src與Attr的使用
- Jquery動態(tài)改變圖片IMG的src地址示例
- JQUERY設(shè)置IFRAME的SRC值的代碼
- jquery img src 獲取實現(xiàn)代碼
相關(guān)文章
jquery從1.3開始，使用了新的選擇器–sizzle。效率超過了以前的jquery版本的其他選擇器。下面這篇文章主要介紹了jQuery源中sizzle選擇器的相關(guān)資料，文中介紹的很詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。2017-02-02
這篇文章主要介紹了jQuery的$.extend 淺拷貝與深拷貝的相關(guān)資料,需要的朋友可以參考下2017-03-03
基于jquery實現(xiàn)的tab選項卡功能示例【附源碼下載】
這篇文章主要介紹了基于jquery實現(xiàn)的tab選項卡功能,涉及jQuery事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,并附帶源碼下載,需要的朋友可以參考下2019-06-06
頁面滾動到指定DIV的方法有很多，在本文將為大家介紹下jquery是如何實現(xiàn)的2013-09-09
這篇文章主要介紹了jQuery1.8中的幾個小變化。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)帶進(jìn)度條的輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
jQuery EasyUI API 中文文檔 - Panel面板
jQuery EasyUI API 中文文檔 - Panel面板，使用jQuery EasyUI的朋友可以參考下。2011-09-09
jQuery 出現(xiàn)Cannot read property ‘msie’ of undefined錯誤的解決方法
這篇文章主要介紹了jQuery 出現(xiàn)Cannot read property ‘msie’ of undefined錯誤的解決方法的相關(guān)資料,需要的朋友可以參考下2016-11-11
jQuery 中關(guān)于CSS操作部分使用說明...2007-06-06
這篇文章主要介紹了jQuery 回車事件enter的使用,需要的朋友可以參考下2014-02-02