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