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