Imagen actualizar js

[Melecio]

Hola a todos tengo un problema con javascript lo que hice es un upload de imagenes para un proyecto.

lo que pasa es lo siguiente.

EJEMPLO:

nombre de imagen = "imagen01"

en la carpeta esta esta imagen pero yo quiero subir otra foto con el mismo nombre

y se queda la imagen de que estaba primero y la nueva no aparece amenos que le des f5 porque pasa esto.


me podrian ayudar porfavor.

[emprear]

El enunciado no es muy preciso, pero seguramente es una cuestión de refrescar la chache del navegador. Lo ideal sería es que trás hacer el upload recargues la página que muestra la imagen, o mejor aún poner la imagen dentro de una capa y recargar dentro de la misma la imagen con ajax

Saludos

[Melecio]

si asi es ya lo ice y no actualiza la imagen que mas me recomiendas.

[emprear]

En casos como estos hay que ver todo el código y conjunto de la aplicación.
Podés intentar, en la carpeta donde se guardan las imagenes crear un .htaccess ( si es que usas apache)
con

Código Apache:

# no cachear
<FilesMatch "\.(jpg|png|gif)$">
Header unset Cache-Control
Header unset Expires
Header unset Last-Modified
FileETag None
Header unset Pragma
</FilesMatch>
 

las extensiones jpg,png,gif pueden ser cambiadas. Esto va a evitar que las imágenes se guarden en la cache y siempre muestre la copia actualizada.
Pero te advierto que no es la solución ideal, esto debería ser para imagenes que se suban y tengan igual nombre, no para todas las imágenes

Saludos

[Panino5001]

Lo más común para solventar el problema es producir una pequeña modificación el la url:

Código PHP:

 <!-- ejemplo con onclick---> 
<img onclick="this.src=this.src.split('?')[0]+'?'+(+new Date())" src="images/pic.jpg" width="50" height="50" /> 
<!-- ejemplo con php donde agregamos a la url la fecha de creación del archivo para usar la caché sólo si la imagen no fue actualizada---> 
<img src="images/pic.jpg?<?php echo filemtime('images/pic.jpg') ?>" width="50" height="50" />  

[Melecio]

puse ese archivo pero ya no me dejava ver niuna imagen lo elimine y ya me dejo ver las imagenes pero aun asi no me actualiza la imagen gracias por tu ayuda.

[emprear]

Ya te dije anteriormente sin ver todo el código y proceso

Página actual
Upload
Página actual + upload

Es imposible saber con certeza que has hecho mal

[Melecio]

Iniciado por emprear

Ya te dije anteriormente sin ver todo el código y proceso

Página actual
Upload
Página actual + upload

Es imposible saber con certeza que has hecho mal

tranquilo bro sereno ya se pudo utilice esto

function imageReload() {
RUTA = document.getElementById("fileimagen").value;

document.getElementById('FOTOG').src = RUTA +"?d=" + new Date().getTime();
setTimeout("imageReload()", 1000);
}