[SOLUCIONADO] Previsualizar imagenes

[jonni09lo]

Hola me gustaria poder tener un input type=file que cargue una imagen de perfil y que esta se pueda previsualizar antes de hacer un submit, alguna idea de como hacerlo??? gracias

[jonni09lo]

Tengo este cod

Código Javascript:

function preview(){
    alert(document.form.Avatar);
    var img = document.form.Avatar;
    var elem = document.getElementById('preview');
    elem.style.backgroundImage = "url("+img+");";   
}
 

Código HTML:

<label for="Avatar">Avatar: <div id="preview"></div></label>
<input type="file" onchange="preview();" id="Avatar" name="Avatar" />
 

Cuando pruebo ese codigo me sale un alert que dice [object HTMLInput Object], alguna idea de como insertar esa imagen en el div?