Jquery修改image的src屬性,圖片不加載問(wèn)題的解決方法
1. 當(dāng)點(diǎn)擊某一按鈕的時(shí)候,把圖片域中的圖片改變一下
<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. 說(shuō)明
”servlet/CreateValidateNum“是JAVA寫(xiě)的servlet。該servlet是打印出圖片
3. 出現(xiàn)的問(wèn)題
在IE6下面圖片修改正常,但在IE7和Firefox下面卻不刷新
4. 情況分析
如果新的圖片跟舊的圖片地址不一樣,效果是會(huì)出來(lái)的。即:圖片有發(fā)生改變。
但像”驗(yàn)證碼“這種功能。新舊圖片的地址是一樣的。
鑒于上述情況,懷疑有可能是因?yàn)閳D片地址是一樣的,而導(dǎo)致瀏覽器自動(dòng)讀緩存。
5. 解決方法
把javascript改成這樣即可:
document.getElementById(randimg).src="/servlet/CreateValidateNum?"+Math.random();
即:每次的訪問(wèn)地址都不一樣,因?yàn)橛屑与S機(jī)數(shù)。所以問(wèn)題解決
Jquery獲取src屬性的方法:$("#image").attr("src");
修改src屬性的值:$("#image").attr("src","image/1/gif");
以上這篇Jquery修改image的src屬性,圖片不加載問(wèn)題的解決方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- JQuery中模擬image的ajaxPrefilter與ajaxTransport處理
- jQuery中:image選擇器用法實(shí)例
- jquery 圖片截取工具jquery.imagecropper.js
- jquery獲取img的src值的簡(jiǎn)單實(shí)例
- jQuery修改li下的樣式以及l(fā)i下的img的src的值的方法
- jquery得到iframe src屬性值的方法
- Jquery獲取和修改img的src值的方法
- Jquery動(dòng)態(tài)更改一張位圖的src與Attr的使用
- Jquery動(dòng)態(tài)改變圖片IMG的src地址示例
- JQUERY設(shè)置IFRAME的SRC值的代碼
- jquery img src 獲取實(shí)現(xiàn)代碼
相關(guān)文章
jquery+css3實(shí)現(xiàn)的經(jīng)典彈出層效果示例
這篇文章主要介紹了jquery+css3實(shí)現(xiàn)的經(jīng)典彈出層效果,結(jié)合實(shí)例形式分析了jquery+css3實(shí)現(xiàn)彈出層具體原理、步驟與相關(guān)操作技巧,需要的朋友可以參考下2020-05-05Jquery定義對(duì)象(閉包)與擴(kuò)展對(duì)象成員的方法
這篇文章介紹了Jquery定義對(duì)象(閉包)與擴(kuò)展對(duì)象成員的方法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-06-06jQuery實(shí)現(xiàn)圖片加載完成后改變圖片大小的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)圖片加載完成后改變圖片大小的方法,結(jié)合實(shí)例形式分析了jQuery圖片樣式與頁(yè)面元素屬性動(dòng)態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2016-03-03jquery獲取對(duì)象的方法足以應(yīng)付常見(jiàn)的各種類(lèi)型的對(duì)象
獲取對(duì)象是比較常見(jiàn)的操作了,因?yàn)橄胍僮饕粋€(gè)對(duì)象之前,一定要先獲取,這是必須的,下面整理了常見(jiàn)對(duì)象的獲取方法,希望對(duì)大家有所幫助2014-05-05推薦17個(gè)優(yōu)美新鮮的jQuery的工具提示插件
在web開(kāi)發(fā)當(dāng)中,工具提示條對(duì)于完善web網(wǎng)站的用戶(hù)體驗(yàn)至關(guān)重要。title屬性通常是用來(lái)幫助用戶(hù)了解顯示鏈接的信息2012-09-09