[Simples] Exibir img

[Caio Salgado Nepomuceno 0]

Olá pessoal, tenho uma duvida bem simples.

Possuo uma div com uma img pré definida e deixei um type file para pegar o caminho da imagem de perfil.

Quero que depois que o caminho da imagem for pego pelo file, essa imagem seja exibida na div.

Tentei usar o onBlur e setar mas não deu certo.

[jgustavo99 85]

Olá! Você pode fazer o Upload dela, e exibir ela depois.

[Caio Salgado Nepomuceno 0]

Vou tentar dizer melhor ...

Tenho uma página para cadastro de pessoa, nessa página possuo uma div que contém uma foto padrão. Ao lado desta div tenho um botão que em seu OnClick chama um input do tipo file(esta invisível) que abre o Dialog, o caminho da imagem fica armazenado nesse input tipo file certo?

 

Okay, quero que após selecionar a imagem a mesma seja exibida nesta div.

Pois como é um cadastro, tenho que mostrar ao usuário como sua foto de perfil ficará antes mesmo de ser definida, pois assim ele pode trocar pra outra com mais facilidade.

 

Achei um tutorial que tem alguns dos princípios, mas mesmo assim não sei o que fazer.

Nesse tutorial ele pega o caminho das imagens no file e exibe elas em um spam. A diferença é que só quero exibir uma imagem.

Tutorial: http://www.html5rocks.com/pt/tutorials/file/dndfiles/

 

Aqui vai uma print do sistema: