Mostrar antes de subir al servidor

affv · #1 (**permalink**) 11/06/2003, 12:28

Ok quiero hacer lo siguiente..

Tengo un codigo para subir una imagen al servidor, hasta aqui todo bien. Estoy tratando de mejorarlo y se me ocurre que porque no muestro la foto que van a subir hastes de subirla, de manera que lo que se me ocurre es lo siguiente que al precionar buscar y seleccionar la foto haya al lado del formulario un cuadrito de 100x100 diria yo en el cual me muestre la foto que quiero subir.

Bueno.. eso creo que es posible con java pero la verdad no se como hacerlo...

Muchas Gracias

Kaopectate · #2 (**permalink**) 11/06/2003, 13:06

Hola affv.

Prueba con el siguiente código:

Código PHP:

  <html>

 <head>

  <script language="JavaScript">

   function mostrar(sURL){

    document.frm.imagen.src = sURL;

   }

  </script>

 </head>

 <body>

  <form name="frm">

   <input type="file" onchange="mostrar(this.value)">

   <img name="imagen">

  </form>

 </body>

</html>

Saludos.

affv · #3 (**permalink**) 11/06/2003, 14:58

Eso es exactamente lo que necesitaba, lo unico es que me gustaria que la imagen no se mostrara al 100% sino que no pase de 100px de ancho pero que siempre conserve el aspecto

Ya logre hacer lo del aspecto era muy sencillo pero no se me ocurrio antes de leer el post por completo era

<html>
<head>
<script language="JavaScript">
function mostrar(sURL){
document.frm.imagen.src = sURL;
}
</script>
</head>
<body>
<form name="frm">
<input type="file" onchange="mostrar(this.value)" size="20">
<img name="imagen" width="100">
</form>
</body>
</html>

Muchas gracias Kaopectate