Subir archivos con PHP/jQuery (Ajax)

lombervid

Zeta

Verificación en dos pasos activada

• 7 Feb 2013

• #1

Hola.

Bueno pues lo que quiero hacer es subir un archivo, pero sin salir de la página actual.

Por ejemplo, tengo mi página formulario.html que es donde voy a cargar el archivo con un input file y al darle click al botón subir que me cargue upload.php (que es donde se reliza la subida del archivo) mediante Ajax ($.ajax();).

Cuando es datos tipo texto todo bien, pero al pasar un tipo file me sale error 🙁

Hay alguna forma de poder hacerlo ya sea con jQuery o de alguna otra forma? (sin plugins)

Saludos!! 😛7:

 

E

ecoal95

Gamma

Programador

• 7 Feb 2013

• #2

Sí, con window.FormData.
Échale un vistazo a esto (que conste que no pretendo hacer spam):
Formulario de contacto: Añadiendo el adjunto | Emilio Cobos-CMC

Te recomiendo descargar el código y demás. en este caso envío el archivo por correo, pero puedes cambiar la funcionalidad para guardar el archivo con move_uploaded_file.

Además, en la parte de Javascript, podrías cambiar el evento 'onsubmit' del formulario por el evento 'onchange' de tu input.

Espero ayudar! 😉

 

N

neburor

Dseda

• 7 Feb 2013

• #3

con ajax no puedes enviar archivo o imagenes, para eso ocupas hacerlo con iframes ya sea ocultos o no ocultos, para que solo se refresque el iframe

 

lombervid

Zeta

Verificación en dos pasos activada

• 7 Feb 2013

• #4

Aunque en el link ese no le entendi muy bien, si ya lo habia logrado con FormData, aunque como ahi dice IE9- no lo soportan :ambivalence: pero también ya solucione eso :encouragement:

Saludos!! 😛7:

ecoal95 dijo:

Sí, con window.FormData.
Échale un vistazo a esto (que conste que no pretendo hacer spam):
Formulario de contacto: Añadiendo el adjunto | Emilio Cobos-CMC

Te recomiendo descargar el código y demás. en este caso envío el archivo por correo, pero puedes cambiar la funcionalidad para guardar el archivo con move_uploaded_file.

Además, en la parte de Javascript, podrías cambiar el evento 'onsubmit' del formulario por el evento 'onchange' de tu input.

Espero ayudar! 😉

Hacer clic para expandir...