Jquery修改image的src屬性,圖片不加載問題


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();
    即:每次的訪問地址都不一樣,因為有加隨機數。所以問題解決

Jquery獲取src屬性的方法:$("#image").attr("src");

修改src屬性的值:$("#image").attr("src","image/1/gif");


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM