JavaScript - Actualizacion de imagen

Estimados:

Les ruego ayuda con lo siguiente:

Tengo un Javascrip insertado en una APP de Smartphone:

He incorporado una imagen:

imagen.src = "http://www.mipagina.com/ruta/libro.jpg";

Esta se ve sin problemas, pero cuando cambio la imagen en el servidor y luego abro la APP, me sigue mostrando la imagen antigua por mucho rato.

De qué manera puedo evitar esto y lograr que la APP muestre la imagen actualizada del servidor.

Entiendo que es un problema de Caché del Smartphone.

Muchas gracias.

Hola, para solucionar eso podrias colocar un entero aleatorio como request en el src de tu imagen asi:


Debes tener en cuenta que este valor debe ser diferente por cada 'refresh' de la pagina para que surga el efecto.

Muchas gracias por tu respuesta. La verdad soy muy nuevo en esto.

Por favor amigo, me podrías aclarar un poco más esto:

"Debes tener en cuenta que este valor debe ser diferente por cada 'refresh' de la pagina para que surga el efecto."

La imagen de reemplazo que subo al servidor puede tener el mismo nombre que la anterior? o debo subirla al servidor con un nuevo nombre?

No es necesario cambiar el nombre de esta, lo importante es colocar lo que viene despues de la extension ?var=123 donde 123 es un valor destinado a ser aleatorio siempre.

Puedes hacerlo con el mismo javascript, algo asi:


En este ejemplo use el valor del tiempo en milisegundos ya que este siempre esta cambiando.