Jquery modifies the src attribute of the image. The solution to the problem of not loading the image is as follows,

Jquery modifies the src attribute of the image. The solution to the problem of not loading the image is as follows,

1. When you click a button, change the image in the image field.

 <span style = "cursor: hand "onclick =" reflush (); return false; "> invisible </span> <script> function reflush () {document. getElementById (randimg ). src = "/servlet/CreateValidateNum";} </script>

2. Description

"Servlet/CreateValidateNum" is a JAVA-written servlet. The servlet prints the image.

3. Problems

The image under IE6 is modified normally, but it is not refreshed under IE7 and Firefox.

4. Situation Analysis

If the new image is different from the old image address, the effect will be displayed. That is, the image changes.

But it is similar to the "Verification Code" function. The addresses of new and old images are the same.

In view of the above situation, it is suspected that the image address is the same, which causes the browser to automatically read the cache.

5. Solution

Change javascript to this:

Document. getElementById (randimg). src = "/servlet/CreateValidateNum? "+ Math. random ();

That is, each access address is different because there is a random number. Solve the problem

Jquery's method to obtain the src attribute: $ ("# image"). attr ("src ");

Modify the src attribute value: $ ("# image"). attr ("src", "image/1/gif ");

In the above section, Jquery modifies the src attribute of the image. The solution to the problem of no image loading is to share all the content with you in the editor. I hope you can give us a reference and support more.