cargar una imagen desde pc cliente

josevirtual · #1 (**permalink**) 28/01/2009, 04:39

Hola, soy un novato en esto de javascript y trato de crear una pagina con un inpput type=file que al momento de seleccionar una imagen del disco local del cliente me muestre en la página. Este es el código que he estado realizando:

Código:

<html>
<head>
<script language="javascript">
function cargar()
{
	var ruta = document.getElementById("direccion").value;
	var imagen1 = document.getElementById("imagen");
	imagen1.src=ruta;
}
function enviar()
{
var ruta = document.getElementById("direccion").value;
var codigo = document.getElementById("codigo").value;
if(ruta =="" || codigo =="")
{
	alert("falta llenar campos");
}
else
{
document.imagenes.submit()
}
}
</script>
</head>

<body>
<center>
<form action="subir.php" name="imagenes" id="imagenes">
  <table width="258" border="1">
    <tr>
      <td width="191">Documento:
        <input name="codigo" type="text" id="codigo" size="7" /></td>
      <td width="62">
      <input name="guardar" type="button" id="guardar" value="Guardar" onClick="enviar()"></td>
    </tr>
    <tr>
      <td colspan="2">
            <input type="file" name="archivo" id="direccion" onChange="cargar()" />
        <img name="imagen" id="imagen" src="foto1.jpg" width="259" height="318"></td>
    </tr>
  </table></form>
</center>
</body>
</html>

Esta página funciona en ie6, pero haciendo una prueba en ie7 ó firefox no me funciona para nada, como podria solucionarlo?. gracias de antemano
salu2