Subir imagen a página sin refresh

Question

Hola, les escribo para consultarles lo siguiente.. quisiera tener en mi página aspx un cuádro el cuál me permita subir una imágen en mi disco duro y luego se cargue... todo ésto sin tener que refrescar la página (o al menos refrescar una parte).

Espero me puedan ayudar, gracias!

Answer 1

Aqui tienes un componente que sube ficheros sin refrescar la pantalla, también muestra una barra de progreso.
http://darrenjohnstone.net/2008/07/15/aspnet-file-upload-module-version-2-beta-1/
El código esta disponible, por lo que si lo quieres modificar para que haga otra cosa (p.ej. No mostrar la barra o cambiar el diseño) puedes hacerlo.

Otra alternativa es usar Silverlight, para subir la imagen sin refrescar la página (incluso si no quieres subir la imagen puedes mostrarla directamente, evitando tráfico de subida)


Luego puedes hacer varias cosas: una es guardar la imagen en el servidor y escribir en cliente la dirección donde la has guardado.(p.ej.)
Otra forma es guardarla en BBDD y escribir un servicio web que descarque la imagen.

Saludos,
David Hernández Díez

---

David Hernández Díez MCDBA MCSD vs6 & .Net, MCPD Enterprise

Answer 2

Gracias por responder! He visto ese componente y es muy completo, pero no pude subir la imágen en la solución del proyecto.
Algo que quiero aclarar es que quiero sólamente mostrarla y guardar el path en el codebehind para luego introducirlo en una base de datos.

Answer 3

hola Gonzalo
Ya intentaste utilizar el Update Panel de Ajax esto evita el PostBack y podrias hacer el efecto que necesitas
para despues como tu lo comentas manejarlo en la base de datos

espero que te sirva de algo esta idea

---

Si la respuesta te fue útil recuerda marcarla como respusta o útil.
Jonathan Romero
Especialista .Net

Profesional Microsoft VIP
DCE 3a Estrella
Spaces: seguridad y programacion

Answer 4

Al parecer el UpdatePanel de Ajax no es compatible con el asp:FileUpload y éste hace postBack igual... espero me puedan seguir ayudando, gracias!

Answer 5

Hola nuevamente

Ya intentaste meter el FileUpload dentro del UpdatePanel ya que si lo dejas fuera nunca podras ver las ventajas de AJAX

---

Si la respuesta te fue útil recuerda marcarla como respusta o útil.
Jonathan Romero
Especialista .Net

Profesional Microsoft VIP
DCE 3a Estrella
Spaces: seguridad y programacion

Answer 6

Si, como mencioné antes.. el UpdatePanel no funciona con el FileUpload, no se porque, pero no es compatible.

Answer 7

Una  vez mas Hola

mira Gonzalo esta posible solucion de UpdatePanel y FileUpload


http://forums.asp.net/p/1074236/1574284.aspx#1574284

---

Si la respuesta te fue útil recuerda marcarla como respusta o útil.
Jonathan Romero
Especialista .Net

Profesional Microsoft VIP
DCE 3a Estrella
Spaces: seguridad y programacion

Answer 8

Otro ejemplo de un control muy bueno lo tienes en http://mattberseth.com/blog/2008/07/aspnet_file_upload_with_realti_1.html luego como dice Jonathan una vez que tengas la imagen guardada la puedes mostrar en la página con un updatePanel "Puedes utilizar triggers".

Saludos

---

Si la respuesta ha sido de utilidad marca la como respuesta correcta.

Marc Rubiño
Web: http://lonetcamp.com
Blog: http://geeks.ms/blogs/mrubino

Answer 9

Hola

te recomiendo utilizar las extensiones de ajax para realizar llamadas asincronas al servidor.

descargar ajax extension
http://www.microsoft.com/downloads/details.aspx?FamilyID=ca9d90fa-e8c9-42e3-aa19-08e2c027f5d6&displaylang=en

con esta extensiones agregas un ScripManager y un UpdatePanel para realizar envios al servidor si refrescar la interfaz.

pero ahi un problema con ajax y la subida de archivos. no se pueden enviar archivos al servidor bajo llamadas asincronas la unica forma de solucionar esto es con iframe y es un proceso algo engorroso por eso te recomiendo ademas que descarges este control para que puedes usarlo en conjunto con ajax. ese control es el mismo FileUpLoad solo que ya con el iframe y las llamadas al servidor incorporadas.

no lo he probado sin ajax. pero tu lo puedes probar y contarnos como te fue. ademas en la pagina ahi muy buena documentacion ademas que es muy sencillo de utilizar.

Descarga de FileUpLoadAjax
http://fileuploadajax.subgurim.net/

Suerte

---

Steven Sotelo MCTS - Microsoft Certified Technology Specialist