Pré visualizar imagem antes do upload

[Heltinhu]

Boa galera tudo na paz - beleza

Bom minha dúvida é a seguinte estou fazendo um pequeno sistema aki em minha página e o que já fiz foi o seguinte eu consigo cadastrar conteúdos, cadastrar fotos, excluir todo o conteúdo, excluir todas as fotos cadastradas referente ao id do anuncio, excluir a foto que eu quiser referente ao id, inclusive já estou conseguindo apagar as fotos de suas respectivas pastas de dentro do meu servidor e também apago elas do meu banco de dados tudo FUNFANDO perfeitamente.

Agora o que eu quero é o seguinte digamos que no meu banco de dados tenha varias empresas cadastradas e eu precise alterar apenas a foto do anuncio da empresa e ainda ver a foto que vou mandar para o banco de dados e para a pasta antes de fazer o Upload da imagem. Sabem tipo o site do facebook quando vamos editar a imagem do perfil por exemplo e ele nos mostra a imagem carregada certo. Como faço isso.

Eu já tenho uma página feita para editar os dados no banco inclusive estou usando até um Jquery - tipo modal sabem que quando eu clico no botão editar imagem do anuncio abre uma janela modal já com a foto do anuncio que eu quero mudar. Mais agora como eu procedo para que antes de eu mandar a imagem para a sua devida pasta e para o banco de dados a foto ser carregada para eu ve-la???

Editado Maio 9, 2012 por Heltinhu

[Heltinhu]

Ae galera achei este script aki que só funcionou no IE isto aki tem concerto rsss

<script>
function exibe(_img){
document.getElementById("imagem").innerHTML = "<img src='file:///"+_img+"' onerror=\"alert('Arquivo invalido.')\">"}
</script>

<div id="imagem"></div>
<input type="file" onchange="exibe(this.value)">

Funcionaou certinho somente no IE ele me mostra a imagem antes de eu querer manda-la para a devida pasta e para o banco de dados. Porém como fazer funcionar nos demais navegadores???

[Heltinhu]

então gente eu to com vários scripts aqui testando só que eles funcionam somente no IE tem como fazer funcionar nos demais browsers??

[jissa]

bem ei faria em 3 etapas:

como quer visualizar antes envie para um diretorio temporario, tipo /tmp_imagens

exiba a imagem ex.

<img src="/tmpimagems/nome_da_imagem.jpg" width="60" height="60">

ai a pessoa concordando com a imagem move ela para o diretorio evetivo e grava no DB