Previsualizar imagenes con JavaScript

[KingColt]

Quiero que al cargar una imagen con un campo type="file" se cargue la imagen debajo de mi formulario antes de subirla al servidor, de que manera solucionan ustedes ese problema o mejor dicho cual es la forma correcta de hacerlo.

Código PHP:

  <form name="formulario" method="post" action="ingresoProductoProceso.php">  
  <table width="427" border="1" cellpadding="0" cellspacing="0">  
    <tr>   
      <td width="103">Nombre</td>  
      <td width="308"><input type="text" name="nomprod" size="50" maxlength="50"></td>  
    </tr>  
    <tr>   
      <td width="103">Foto</td>  
      <td width="308"><input type="file" name="file"></td>  
    </tr>  
    <tr>   
      <td colspan="2" align="center">  
        <input type="submit" name="grabar" value="Grabar">  
        <input type="reset" name="reset" value="Limpiar">  
      </td>  
    </tr>  
  </table>  
</form>  
   

[caricatos]

Hola:

Puedes encontrar soluciones para determinados navegadores, pero con javascript no se puede acceder al sistema de archivos de los usuario, así que la única solución válida es subir esa imagen. Te paso un artículo al respecto:
Revisar las imágenes antes de subirlas

Saludos

[KingColt]

Exelente articulo aunque deberia haber un link para descargar la aplicacion

gracias, intentare copiar la aplicacion

[caricatos]

Hola:

Los archivos pueden descargarse desde: http://www.caricatos.net/articulos/check_form.zip

También acabo de poner el enlace en un comentario del artículo.

Saludos