hola quisiera me ayudaran a crear o mejorar el codigo para previzualizar imagenes antes de subirlas al server.
he visto muchos ejemplos y en los cuales las suben y despues las previzualizan cosa que no quiero que haga.
en fin quisiera que fuera compatible con google chrome, mozilla firefox e IE7.
este es el codigo que tengo que nos sirve para ninguno de estos, ecepto IE6.

Código HTML :

<html>
   <head>
      <script type='text/javascript'>
         var img = false;
         function ini(){
            if (img) document.body.removeChild(img);
            img = document.createElement("img");
            img.src = "File:///" + document.imagen.fichero.value;
            document.body.appendChild(img);
         }
      </script>
   </head>
   <body >
      <form name=imagen >
         <input type=file name=fichero onChange="ini()"/>
      </form>
   </body>
</html>


Ok muchas gracias al que me pueda ayudar :)...