Visualizar Imagem Antes De Salvar No Banco

Netto · November 1, 2004

Amigos, estou com o seguinte problema, tenho um furmulário para cadastro de fotos, onde transfiro a foto para o servibor e gravo as informações no banco para posterior consulta... o proplema que não consigo visualzar a imagem antes de postar Entende? uso um campo file para selecionar a foto.

alguém tem uma dica?

Obriga

Neto

Gladisson · November 1, 2004

No seu formulário vai ter alguma opção "visualizar imagem" ? Se sim você terá que salva ela antes e mostrar, caso contrário, não conheço uma solução, há não ser com java script.

Netto · November 1, 2004

No seu formulário vai ter alguma opção "visualizar imagem" ? Se sim você terá que salva ela antes e mostrar, caso contrário, não conheço uma solução, há não ser com java script.

Vc. tam algum exemplo em Java Script...

Obrigado.

Fabyo · November 1, 2004

porque você não salva a imagem numa pasta temp e exibi o path dela

dai se for a foto que você quer grava no banco senao for apaga

Gladisson · November 1, 2004

Eu fiz um exemplo em JavaScript:

<IMG WIDTH='250' HEIGHT='200' NAME='visualiza'>
<script>
function visualizar()
{
var foto = document.forms.formulario.fotos.value;
document.images.visualiza.src=foto;
}
</script>
<A HREF='javascript:visualizar()'>Visualiza</A>
<FORM ACTION='?' METHOD='POST' NAME='formulario'><TD>
<INPUT NAME='fotos' TYPE='FILE'>
</FORM>

Fabyo · November 2, 2004

O Gladisson em cima do seu exemplo eu fiz uma função pra não mostrar a foto

de cara porque fica aparecendo um link quebrado da foto

dai eu ocultei e só mostra quando clicar no visualizar

beleza Gladisson?

abraços

<html>
<head>
<script language="javascript">
var dom = document.getElementById
function esconder()
{
esconde1 = (dom)?document.getElementById("foto1").style : ie? document.all.foto1 : document.foto1
esconde1.visibility = "hidden"
}
function visualizar()
{
var foto = document.forms.formulario.fotos.value;
document.images.visualiza.src=foto;
document.getElementById('foto1').style.visibility = 'visible';
}
</script>
</head>
<BODY onload="javascript:esconder();">
<div id="foto1"><IMG WIDTH='250' HEIGHT='200' NAME='visualiza'></div>
<A HREF='javascript:visualizar()'>Visualiza</A></div>
<FORM ACTION='?' METHOD='POST' NAME='formulario'><TD>
<INPUT NAME='fotos' TYPE='FILE'>
</FORM>

Gladisson · November 2, 2004

Claro, não tem problema ficou bem melhor.

Crystian · November 2, 2004

E o Fabyo sempre se preocupando com a portabilidade dos scripts... isso é importante agente sempre ressaltar aqui, pois o vovô Netscape tah enchendo a casa de netinhos...hehehe...

Agora falando sobre o tópico, queria lembrar vocês q o endereço q vem do upload é da máquina do cliente e os pacotes podem não conferir.

Abraço

Crystian

Gladisson · November 2, 2004

Agora falando sobre o tópico, queria lembrar vocês q o endereço q vem do upload é da máquina do cliente e os pacotes podem não conferir.

Mais como não ? Se não conferir não será possível fazer upload!

Aquibrasil · November 2, 2004

Em alguns fóruns, não a ScriptBrasil, as pessoas podem salvar imagens do seu próprio computador para o avatar, e elas podem visualizar a imagem antes de salvar, se não me engano, vocês deviam dar uma olhada nisso... quem sabe ajude!

Gladisson · November 2, 2004

Em alguns fóruns, não a ScriptBrasil, as pessoas podem salvar imagens do seu próprio computador para o avatar, e elas podem visualizar a imagem antes de salvar, se não me engano, vocês deviam dar uma olhada nisso... quem sabe ajude!

Mais jé temos o código!

Netto · November 3, 2004

Eu fiz um exemplo em JavaScript:
<IMG WIDTH='250' HEIGHT='200' NAME='visualiza'>
<script>
function visualizar()
{
var foto = document.forms.formulario.fotos.value;
document.images.visualiza.src=foto;
}
</script>
<A HREF='javascript:visualizar()'>Visualiza</A>
<FORM ACTION='?' METHOD='POST' NAME='formulario'><TD>
<INPUT NAME='fotos' TYPE='FILE'>
</FORM>

Valeu!!!

Obrigado pela ajuda

Agradeço a todos pela a força...

vocês. são... dez...

precisando ant.neto@terra.com.br

Gladisson · November 3, 2004

Pegue o exemplo que o fabyo fez apartir do meu, tem mais compatibilidade.

renan_doidera · November 5, 2004

O que significa essa linha?

esconde1 = (dom)?document.getElementById("foto1").style : ie? document.all.foto1 : document.foto1

Crystian · November 5, 2004

esconde1 = (dom)?document.getElementById("foto1").style : ie? document.all.foto1 : document.foto1

Vou tentar te explicar Renan... se (dom) faz document.getElementById("foto1").style se não {se for ie document.all.foto1 se não document.foto1}

Esse tipo de script é para manter a compatibilidade do script.

Tenho q ir...qualquer dúvida posta ae q eu respondo amanha...

Abraço

Crystian

February 22, 2008

Olá, vocês saberiam o porque no firefox a funcao visualizar não funciona? No ie fica ok, mas no ff fica como se não achasse a imagem (link quebrado), embora você clique com o botão direito e peça para exibir imagem, ele exibe.

Grato, Caio.

esconde1 = (dom)?document.getElementById("foto1").style : ie? document.all.foto1 : document.foto1
Vou tentar te explicar Renan... se (dom) faz document.getElementById("foto1").style se não {se for ie document.all.foto1 se não document.foto1}
Esse tipo de script é para manter a compatibilidade do script.
Tenho q ir...qualquer dúvida posta ae q eu respondo amanha...
Abraço
Crystian

Sign In

Visualizar Imagem Antes De Salvar No Banco

Question

Link to comment

Share on other sites

15 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Guest --caio --

Link to comment

Share on other sites

Join the conversation

Forum Statistics