Pré-visualizar imagem

[adrianodsn 0]

Salve, galera!

 

Alguém conhece uma maneira para pré-visualizar uma imagem localizada através de um campo do tipo FILE antes de efetuar o upload?

Tentei trocar o atributo SRC no evento onchange do campo, mas só obtive êxito no IE6. Nos outros navegadores, nada.

 

Agradeço antecipadamente qq ajuda.

 

Abraços!

[brcontainer 16]

uma ideia simples:

<script>
function exibe(_img){
document.getElementById("imagem").innerHTML = "<img src='"+_img+"'>"
}
</script>
<div id="imagem"></div>
<input type="file" onchange="exibe(this.value)">

[Alex Hiroshi 7]

Por uma segurança, isso não é possível fazer com o javascript puro. Tente usando algum swf, como naqueles script de uploads que mostram um carregamento da imagem.

[brcontainer 16]

Por uma segurança, isso não é possível fazer com o javascript puro. Tente usando algum swf, como naqueles script de uploads que mostram um carregamento da imagem.

Online eu nao testei, mas localmente funcionou no FF3, Crhome e ie6.

 

Lex me diga em que situação ele não funciona?

abraços

[Alex Hiroshi 7]

No IE eu acho que funciona. No Firefox 3 (mac), aqui, não funcionou.

[brcontainer 16]

No IE eu acho que funciona. No Firefox 3 (mac), aqui, não funcionou.

Verifica o "Console de ERROS", talvez seja algum erro no FF3, ele esta atualizado?

Se o console de erros emitir alguma mensagem posta ela ae http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif

 

[editado]Eu não tenho um MAC no momento para testar, mas acredito que o problema seja a falta do PROTOCOLO file:///

então eu modifiquei o script, testa ae:

<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)">