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 ??
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.