Saludos, tengo el siguiente codigo de una web que me carga una imagen en un preview antes de subirla al servidor y ademas puedo acceder a las propiedades de dicho objeto que se crea de forma dinamica cuando seleccionamos la imagen que deseamos...
Lo malo es ke solo funciona para internet Explorer... ni idea de porke :( al parecer Firefox no lee los src que sean de tipo file:/// :( alguien sabe alguna forma de leer archivos desde la pc de otro modo? :( necesito ayuda con esto
el codigo es este
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ver imagen antes de subirla</title>
<style type="text/css">
<!--
input {
margin-top:10px;
display: block;
text-align:center;
}
form{
text-align:center;
width:400px;
margin-left:auto;
margin-right:auto;
}
-->
</style>
<script language="javascript">
function refreshImg(){
var camino = "file:///"+document.form1.imageField.value;
document.getElementById("preview").innerHTML="<img id='imgPreview' src='"+camino+"' />";
var ancho = document.getElementById("imgPreview").width;
var alto = document.getElementById("imgPreview").height;
document.getElementById("dimensiones").innerHTML=" <h4>"+ancho+"x"+alto+"</h4>";
}
</script>
</head>
<body>
<form name="form1" id="form1" action="" method="post"
enctype="multipart/form-data" >
<div id="preview"></div>
<div id="dimensiones"></div>
<input name="imageField" type="file" onchange="refreshImg()" />
</form>
</body>
</html>
