Hola como se puede hacer para que cuando un usuario elija una imagen desde un input file y esta carga después la muestro en alguna parte de la pagina?
Hay algún método o función de javascript que permite obtener los archivos subidos ??
Saludos
28/12/2012, 05:20
| ||||
| ||||
| Subir imagen y mostrar Hola como se puede hacer para que cuando un usuario elija una imagen desde un input file y esta carga después la muestro en alguna parte de la pagina? Hay algún método o función de javascript que permite obtener los archivos subidos ?? Saludos |
|
28/12/2012, 06:19
| ||||
| ||||
| Respuesta: Subir imagen y mostrar Cita: La API File de html5 te permitiría hacerlo
Iniciado por patilanz  Hola como se puede hacer para que cuando un usuario elija una imagen desde un input file y esta carga después la muestro en alguna parte de la pagina? Hay algún método o función de javascript que permite obtener los archivos subidos ?? Saludos http://html5demos.com/file-api Pero dado que no es compatible con IE (al menos hasta la versión 9) no la recomiendo. Me inclino por un método más tradicional. Utilizar un iframe oculto para realizar el upload (vamos a suponer que utilizás php para realizar la tarea), y si move_uploaded_file() retorna true, generar un javascript que ejecute una función en el parent la cual utiliza la ruta de la imagen para utilizarla como background ó sustitución del src de un img, de algún elemento de la página principal. Hay algunas otras variantes, pero esta es bastante sencila de aplicar Saludos
__________________ La voz de las antenas va, sustituyendo a Dios. Cuando finalice la mutación, nueva edad media habrá S.R. |
|
28/12/2012, 09:13
| ||||
| ||||
| Respuesta: Subir imagen y mostrar Cita: Hola como me dices tendria que recargar la pagina lo que consigo solo con php ya que para comprobar move_uploaded_file() el usuario tiene que dar a un boton para que se envie el formulario y entonces a recargar la pagina..
Iniciado por emprear La API File de html5 te permitiría hacerlo [url]http://html5demos.com/file-api[/url] Pero dado que no es compatible con IE (al menos hasta la versión 9) no la recomiendo. Me inclino por un método más tradicional. Utilizar un iframe oculto para realizar el upload (vamos a suponer que utilizás php para realizar la tarea), y si move_uploaded_file() retorna true, generar un javascript que ejecute una función en el parent la cual utiliza la ruta de la imagen para utilizarla como background ó sustitución del src de un img, de algún elemento de la página principal. Hay algunas otras variantes, pero esta es bastante sencila de aplicar Saludos Yo quiero algo como en esta pagina : [URL="http://www.milanuncios.com/publicar-anuncios-gratis/"]http://www.milanuncios.com/publicar-anuncios-gratis/[/URL] cuando rellenas los datos y al final te pide que si quieres subir fotos, y al elegir te los muestra hasta te muestra la carga de la subida. Como se haría ?? Saludos |
|
28/12/2012, 12:15
| ||||
| ||||
| Respuesta: Subir imagen y mostrar El metodo que te indiqué NO recarga la página, ahora si lo que querés es hacer un preview de la imagen a subir y una barra de progreso, etc, hay muy bonitos plugins de jquery, entre ellos http://tncscooters.com/agile/documen...mentation.html que es el que usan en el site que indicaste (cosa que hubieses observado con tan solo ver el código fuente) SAludos
__________________ La voz de las antenas va, sustituyendo a Dios. Cuando finalice la mutación, nueva edad media habrá S.R. |
|
28/12/2012, 12:20
| ||||
| ||||
| Respuesta: Subir imagen y mostrar Hola: El sistema de iframes ya lo hemos tratado hace bastante tiempo: Revisar las imágenes antes de subirlas. Saludos 
__________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo |
|
28/12/2012, 12:34
| ||||
| ||||
| Respuesta: Subir imagen y mostrar Cita: Si es cierto @caricatos, pero me contuve de señalar tu muy clarificador ejemplo en:
Iniciado por caricatos Hola: El sistema de iframes ya lo hemos tratado hace bastante tiempo: Revisar las imágenes antes de subirlas. Saludos http://www.caricatos.net/articulos/check_form.html ya que como "no tiene barra de progreso", seguro tampoco le hubiese servido al no ajustarse a Cita: Otro caso en el que se pregunta por A cuando en realidad se requiere la respuesta para BYo quiero algo como en esta pagina : http://www.milanuncios.com/publicar-anuncios-gratis/ Saludos
__________________ La voz de las antenas va, sustituyendo a Dios. Cuando finalice la mutación, nueva edad media habrá S.R. |
|
28/12/2012, 14:51
| ||||
| ||||
| Respuesta: Subir imagen y mostrar Gracias a los dos. No necesito necesariamente que aparezca una barra de progreso y no quiero usar plugins de jquery , pues quiero crear me los yo. Voy a ver el enlace que me mandaste caricatos Saludos |
| Etiquetas: |
