Subir imagen al servidor sin recargar la página

Hypnoss · #1 (**permalink**) 14/08/2011, 17:53

Hola a todos no sé si este post va aquí y de no ser sí pido que lo muevan al lugar indicado.

Bueno mi problema es que estoy diseñando una pagina con php y tengo un formulario en donde se ingresan datos de una Persona: Nombre, Edad, teléfono y foto, lo que quiero hacer es poder cargar la foto y que se muestre en el mismo formulario en donde se están cargando los datos.

Eh visto ejemplos de como subir imágenes al servidor pero lo hacen a través de un formulario y luego se llama a una rutina php y se redirecciona para ver la imagen, lo que yo quiero es que se procese la imagen y se muestre en el formulario sin que se tenga que recargar la pagina o algo así. como lo que se hace en una aplicación de escritorio. ¿alguna idea?

#2 (**permalink**) 14/08/2011, 19:39

Con ajax lo podes hacer.

Saludos

Hypnoss · #3 (**permalink**) 14/08/2011, 20:14

Pues según lo que busqué en Internet con Ajax no se puede devido a problemas de seguridad, ya había pensado en Ajax pero descubrí que no se puede con ajax, así que no se si alguien tenga algún ejemplo o algo para guiarme por favor.

caricatos · #4 (**permalink**) 14/08/2011, 20:36

Hola:

Una variante de Ajax es enviar formulaios a iframes ocultos (o no), y es la única posibilidad: Revisar las imágenes antes de subirlas.

Saludos

abimaelrc · #5 (**permalink**) 14/08/2011, 20:37

Es correcto, con ajax no se puede pero se puede simular con iframe.

#6 (**permalink**) 15/08/2011, 00:04

Cita:

Iniciado por abimaelrc

Es correcto, con ajax no se puede pero se puede simular con iframe.

¿Que usa taringa para hacerlo?

http://www.phpletter.com/Our-Projects/AjaxFileUpload/
http://www.google.com.ar/search?sour...ajaxFileUpload
http://www.phpletter.com/Demo/AjaxFileUpload-Demo/

Saludos

Busca en google AjaxFileUpload

yuo2 · #7 (**permalink**) 15/08/2011, 00:18

http://css-tricks.com/6522-ajax-image-uploading/

Si no encuentras con Ajax, entonces busca con HTML5

...

abimaelrc · #8 (**permalink**) 15/08/2011, 00:58

Cita:

Iniciado por marcofbb

¿Que usa taringa para hacerlo?

http://www.phpletter.com/Our-Projects/AjaxFileUpload/
http://www.google.com.ar/search?sour...ajaxFileUpload
http://www.phpletter.com/Demo/AjaxFileUpload-Demo/

Saludos

Busca en google AjaxFileUpload

Tienes razon por el nombre. Pero ¿haz visto como lo hacen? Es con un iframe oculto o con frames. Tal vez ya exista que via ajax se pueda hacer y no lo sabia pero esos demos son con iframes ocultos.

emprear · #9 (**permalink**) 15/08/2011, 01:43

Hace un tiempo en el foro se publicó esto
http://www.forosdelweb.com/f77/subir...mpleto-702709/

La aplicación funciona, aunque requiere de algunos ajustes.

Saludos

caricatos · #10 (**permalink**) 15/08/2011, 03:31

Hola:

Como expliqué antes solo es posible con el envío de un formulario (considerado una variante de Ajax)... y la razón es muy lógica, la cabecera para adjuntar ficheros (enctype="multipart/form-data") no la admite el objeto XMLHttpRequest; además, las peticiones Ajax siempre son enviando datos concretos, y de los campos file no se puede via javascript obtener el contenido (ni siquiera se puede obtener la ruta real)

Todos los ejemplos que puedan incluirse son con la misma técnica de un envío oculto; y la respuesta es muy fácil obtenerla con javascript y el sistema de ventanas (opener... parent).

Saludos

masterpuppet · #11 (**permalink**) 15/08/2011, 06:36

Que tal Hypnoss,

Talves te sirva FancyUpload o Uploadify.

Saludos.

iviamontes · #12 (**permalink**) 15/08/2011, 08:24

a mi Uploadify me encanta usarlo, pero cuando el cliente no quiere flash, pues uso entonces lo de los iframes

Heiroon · #13 (**permalink**) 15/08/2011, 10:21

Te recomiendo Pluploader de jQuery.. Pero sin embargo usar un iframe tambien es buena idea.. Siempre y cuando sepas usarlos...

Hypnoss · #14 (**permalink**) 15/08/2011, 16:28

Muchas gracias por todas sus respuestas, ando revisando cada una de las alternativas, una vez que encuentre la correcta escribo para decir como me fue y para que a alguien mas le sirva esto.

gavilancentelles · #15 (**permalink**) 15/08/2011, 17:04

Si buscas en hotscripts.com encontraras scripts en PHP y JS que lo hacen perfectamente! Aun que un iFrame es la mejor opción.