Implementación web de Java, haga clic en el código de verificación para actualizar la imagen (Jquery)

Primero obtenga el objeto img vinculando la identificación
y luego agregue el evento de clic

 $("#img_check").click(function () {
    
    
                this.src="${basePath}kaptcha.jpg"
            })

Aquí se refiere al objeto actual.
Cabe señalar que src es legible, escribible y se puede leer. El valor de src también se puede asignar a la dirección URL

Necesita ser reemplazado con su propia dirección de código de verificación

¿No configurará el código de verificación?

Portal: configurar el código de verificación

Esto parece no ser un problema.Cuando
cambia el navegador, puede encontrar que solo puede cambiar la imagen una vez y luego hacer clic en la imagen.

La razón es: porque algunos navegadores tienen un caché para mejorar la velocidad de acceso. Cuando se genera la dirección de la imagen para la primera visita, el navegador de imágenes se guarda en el local. Cuando la segunda visita a esta dirección, el navegador encuentra que la dirección ha sido visitada antes y saca directamente la imagen local. La razón por la que la imagen no se actualiza.

¿Cómo resolverlo?
Es muy simple, solo asegúrese de que la dirección sea diferente cada vez.

plan 1:

Agregue un parámetro de número aleatorio al final, pero esto aún puede resultar en la misma dirección de red

Escenario 2:

Agregue un parámetro de tiempo new date () en la parte posterior, la hora nunca será la misma, ¿verdad?

Adjunte el código definitivo:

$("#img_check").click(function () {
    
    
                this.src="${basePath}kaptcha.jpg?"+"d="+new Date())
            })

''

Cada vez que la dirección es diferente, la imagen natural es definitivamente diferente

Supongo que te gusta

Origin blog.csdn.net/weixin_46999174/article/details/108772070
Recomendado
Clasificación