input type="file" e imagenes

Crear páginas para Gecko, diferencias con IE, articulos de interés y recursos en español
EmilianoAR

input type="file" e imagenes

Mensajepor EmilianoAR » Sab Abr 15, 2006 7:38 am

Buenas, antes que nada, agradecere todo consejo que me brinden!... desde ya, muchas gracias.

Estoy buscando la manera de que en un formulario que contiene un <input type="file"> al elegir una imagen, la muestre dinamicamente.

El codigo que tenia pensado es algo similar a esto:

Código: Seleccionar todo

   <script>
         function actualizar(img,obj) {
         //alert(obj.value);
         img.src = obj.value;
      }
   </script>

<form method=post method="post" enctype="multipart/form-data">
 
  <input type="file" name="pictures[]" class="uploadForm" accept="image/jpeg" onclick="actualizar(document.forms[0].img1, this)"/>

  <img id="img1" width='100' height='100' src='sinfoto.jpg' />

</form>


El problema es que esto funciona *casi* bien en IE de M$ ... :-/
En FF, no me muestra la imagen ya que es local al cliente y no al servidor, pues parece que esto esta implementado asi por seguridad...

Bueno, si alguien tiene algun tip, encantado! :-)

Salu2 desde Argentina!

PD: otra duda que tengo... es como se manejan bien los eventos del input type="file" Es decir, yo quiero obviamente que el evento se dispare una vez que eligio el archivo, y no cuando solo hizo click en "Examinar". En FF, usando el evento onclick, funciono. Pero en IE, se activa antes de que lo elija... alguien tiene un comentario al respecto ??

EmilianoAR

Mensajepor EmilianoAR » Sab Abr 15, 2006 7:48 am

Buscando un poquito mas y ahondando en el tema, encontre la solucion al evento del input type="file" para que se dispare al momento de seleccionar un archivo... el evento es onchange y no onclick.

:-)

Espero mientras tanto que alguien me resuelva el otro problemita

EmilianoAR

Mensajepor EmilianoAR » Mié Abr 19, 2006 4:36 pm

Bueno, veo que nadie se molesto en contestar.

Gracias de todos modos, Adios.

Avatar de Usuario
Altair
Administrador
Administrador
Mensajes: 6968
Registrado: Vie Ene 30, 2004 1:01 am
Ubicación: Chile

Mensajepor Altair » Mié Abr 19, 2006 10:47 pm

La paciencia es una virtud. o_O
SeaMonkey 2

Síguenos en Twitter @MozillaES y en Facebook ;-)

alvatross

podria ser ¿?

Mensajepor alvatross » Vie Abr 21, 2006 8:46 am

mira hasta quizas pueda ser de que en ff el type para jpg se llama "image/pjpeg" y para ie es "image/jpeg" , a lo mejor debas hacer dos codigos distintos para cada caso.

pues he tenido que realizar codigo en php en donde debo especificar en el codigo el typo de imagen depndiendo del browser usado.

HSimpson

Re: input type="file" e imagenes

Mensajepor HSimpson » Mié Abr 09, 2008 9:54 am

Estube probando este código un par de horas. Para que la vista previa funcione también en Firefox hay que agregar

Código: Seleccionar todo

file:///
antes del nombre del archivo, para formar el link al archivo local.

Entonces, la línea:

Código: Seleccionar todo

img.src = obj.value;


Debe quedar como:

Código: Seleccionar todo

img.src = "file:///" + obj.value;


:-( El problema es que por motivos de seguridad, Firefox y Opera no muestran la imágen en páginas php, así que funciona en html solo.

Don Erik

Re: input type="file" e imagenes

Mensajepor Don Erik » Jue Abr 17, 2008 2:50 pm

Estimados usuarios y lectores, en mi humilde opinión creo que es posible realizarlo de manera local o en un sistema de archivos de windows, pero en un servidor linux es practicamente imposible de realizar debido a que las rutas de los archivos son completamente diferentes. En windows, como la estructura de los archivos es c:\imagenes\imagen.jpg, si subes una imagen podras ver su vista previa debido a que cuando se busca la ruta, esta coincide. En cambio cuando se realiza dentro de un servidor linux la misma ruta no se encuentra debido a que tiene una estructura /ect/imagenes/algo/imagen.jpg por lo que nunca la encontrara. En mi opinion si trabajas con ajax y php es posible de realizar siempre y cuendo guardes de manera temporal la imagen que estas subiuendo y luego la muestres. De hecho yo lo hice, si quieres puedo enviarte un codigo para que lo puedas ver XXXXXXXX@gmail.com.

Invitado

Re: input type="file" e imagenes

Mensajepor Invitado » Lun Feb 02, 2009 9:25 pm

Don Erik escribió:a es que esto funciona *casi* bien en IE


Me gustaria saber como es que puedo mostrar la imagen con php y ajax, me seria de gran ayuda, yo uso debian

ana lauriz

Re: input type="file" e imagenes

Mensajepor ana lauriz » Mar Nov 24, 2009 8:02 pm

Me gustaria que me enviaras el codigo que tienes para ver si me resulve mi duda, puesto que tengo el mismo problema que no muestra la imagen en php

Invitado

Re: input type="file" e imagenes

Mensajepor Invitado » Mié Nov 10, 2010 6:06 pm

hola soy novato e esto, y tengo el mismo problema, podrías enviarme el código también, de antemano muchas gracias. mi correo es XXXXX@hotmail.com

*Post Editado*


Volver a “Desarrollo web (HTML/CSS/JS, accesibilidad...)”

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado