Cargar y actualizar imagen

[sheshito]

Saludos, necesito ayuda con este problema que tengo...quiero cargar una imagen en mi pagina php, para ello he colocado un input type= file, con el cual el usuario selecciona una imagen, pero el problema es que quiero que esa imagen que selecciono el usuario se vizualice en la pagina en el mismo instante que la selecciono, para ello seme ocurio hacer una funcion en javascript la cual la invoco en el evento onchange del input type= file.
Pero el problema es que no se como se deberia hacer para poder lograr lo que pretendo, pense en pasarle la url (que capturo dese del input type=file) hacia la funcion y esa funcion mande a cargar la imagen, pero no me ahce nada, creo q estoy ahciendolo mal xq soy nuevo en javascript, les dejo el codigo:

Código:

<input type="file"  name="cargar" onchange="cargaimagen"/>
<script type="text/javascript">

function cargaimagen(){
  var texto="<img src='imagen.jpg' alt='Imagen' />";
   document.writeln(texto);
   
}
</script>

este script me carga la imagen pero lo raro esque la pagina me queda como actualizandose y el boton para seleccionar la imagen desaparece, y claro la idea es en vez de 'imagen.jpg' pasarle la url que obtengo del input tipe=file, creo q habria q pasarle como parametro hacia el script pero no se como habria q hacerlo, espero su ayuda, gracias...

[gebremswar]

Hola sheshito, que tal.
Un articulo de Caricatos explica como realizar el preview de la imagen antes de decidir que hacer con ella.
Checkeo de imágenes (antes de subirlas).

[sheshito]

Saludos gebremswar, justo lo que andaba buscando...