Actualizar Imagen

Hola a todos.

Necesito ayuda con el manejo de imágenes, en realidad creo que es mas de php y el navegador; les explico …

Mi objetivo final es tener una herramienta para modificar las imágenes que sube el usuario, se tiene que poder recortar la imagen disminuir el tamaño, rotar la imagen como básico; para ello estoy empleando la extensión Image en mi vista para subir imágenes tengo el inputfile donde cada que subo una imagen se muestra un thumbnail mas la opcion de editar que es la que llama a la herramienta para modificar la imagen, hasta allí todo marcha bien.

El problema es este, cuando abro la herramienta lo hago en una ventana modal, cuando hago el cambio de por ejemplo el tamaño internamente lo hace, puedo ver que la imagen se actualizó correctamente, pero en mi ventana modal aún sigue la imagen anterior; a principio para ver el cambio tenia que limpiar la cache del navegador es decir un Ctrl-f5 pero buscando un poco encontre que se podia obiar la carga de una determinada página en la cache del navegador, con ello ahora solo es necesario hacer un f5 osea refrescar la página, es aqui mi problema, ¿Como puedo actualizar mi página sin perder el foco de mi ventana modal? porque si actualizo por javascript se quita la ventana modal, existe alguna estrategia para lograrlo??? alguna sugerencia por favor, no se si seguir por alli o cambiar la estrategia.

Gracias de antemano

Acabo de pensar en algo que funciona pero que no es eficiente, haber si se les ocurre algo mejor; estoy guardando la imagen modificada con otro nombre y llamo a esa imagen, lo malo es que ahora tengo dos imágenes, debo borrar la anterior, lo mismo pasará para cortar y rotar; lo ideal sería trabajar sobre la misma imagen, espero ayuda, gracias.

Hola!

Ya pensante en recargar la imagen con un parámetro aleatorio?

Por ejemplo:




<img src="path/to/image.jpg?r=<?php echo microtime(); ?>" />



Supongo que ya se te habrá ocurrido… :S

Hola Luciano gracias por responder.

Probé recargando la página con javascript


location.reload();

Pero el problema es que al recargar se pierde mi ventana modal y yo quisiera que al hacer cambios en mi imagen, dichos cambios aparezcan inmediatamente sobre la misma ventana modal; recargando de esa forma la ventana modal se oculta y tendría que volver a hacer click para abrirla.

Si piensas en algo mas dime porfa. porque actualmente estoy trabajando con la solución que puse, el de guardar con otra imagen.

En realidad se me ocurre que deberías recargar sólo la imagen dentro del modal, no toda la página.

Esto lo harías como respuesta al cambio (cuándo sabés que la imagen cambió):


$('div#image-container img').attr('src', 'path/to/image.png?r=<?php echo microtime(); ?>');

Gracias por la idea Luciano, me sirvió de mucho al final lo hice muy similar a lo que dijiste.


d = new Date();

$('#contenido_imagen img').attr("src", "/images/uploads/inmuebles/Aero 007.jpg?"+d.getTime());

Excelente! :)

La aplicación que estás haciendo es un proyecto tuyo o para un cliente?

Hace tiempo que estoy interesado en hacer algo similar (gestión inmobiliaria) así que me gustaría verla terminada!

Saludos!

Es propio, cuando lo suba te aviso, así tb puedes dar algunas sugerencias o ayudarme a corregir errores; aunque aun falta mucho.

Dale, me encantaría!

Abrazo!

hola, alguien me podria ayudar con un ejemplo o un tutorial de como guardar de un formulario, una imagen en la base de datos, y que la pueda visualizar, modificar y eliminar con las sentencias crud, y saber que tipo de campo se declara para guardar el path de la imagen, gracias…