pegar preview da imagem do campo FILE

[adrianno 7]

Olá meus amigos, estou precisando implementar um sistema de upload que está funcionando bem, porém gostaria de pegar o caminho temporario ao selecionar uma imagem no campo tipo FILE para exibir uma pré visualização da imagem antes de ar post no formulario de upload, como eu faço para pegar via javascrip/jquery este preview da imagem? estou testando a classe FileReader() mas ainda sem sucesso

[reebr 94]

Sem saber como está seu código, não tem como dizer o que está errado.

<input type='file'/>
<img id='preview'/>

var $preview = document.getElementById('preview');

document.querySelector('input').addEventListener('change', function(){
    var reader = new FileReader(),
        file = this.files[0];
    
    if(file)
        reader.readAsDataURL(file);
    else
        $preview.src = '';
    
    reader.onloadend = function(){
        $preview.src = reader.result;
    };
});

DEMO

 

FileReader - MDN

[angelorubin 142]

Veja se ajuda - http://jqueryplugin.net/best-jquery-file-upload-plugins-with-image-previews/