mostrar imagem selecionada no input antes do upload

[paulojr 0]

Salve galera, to com uma duvida besta ma que nao consigo resolver.

 

to fazendo uma galeria de imagem em ASP mas o cliente pediu pra que eu mostre a imagem antes de fazer upload da imagem para que ele possa ir preenchendo os campos e vendo a imagem.

 

tava pensando no seguinte :

 

quando o cara selecionar a imagem no campo imput automaticamente passar o valor do campo para um IMG onde mostraria a imagem direto da maquina do usuario.

 

gostaria de saber se tem como, e como eu faria o codigo ?

 

se alguem puder me ajudar eu agradeço muito .

 

Um exemplo é o www.flogao.com.br

 

Obrigado;

[mx loco 1]

Kara isso é java script de um aolhadinha no forum de java script que deve ter algo la..

[paulojr 0]

Fala mxloco, cara ja revirei o forum e o site, mas nao achei nada relevante sobre isso.você nao teria algum codigo de exemplo que passe valores entre campos com onchenge, só para que eu possa ver o funcionamento.?Valew

[ultra 0]

É, você precisa de um codigo JS q mostre a imagem direto da máquina do usuário

[paulojr 0]

Bom consegui resolver.ta ai pra galera ver.

<script language="JavaScript" type="text/javascript">function img1(obj){img1=document.form1.foto_gal.valuedocument.form1.capa.src=img1}</script>

o campo imput que pega a imagem

<input name="foto_gal_<%= cnt1 %>" type="file" id="foto_gal" onChange="img1()" size="32" />

e a imagem

<img border="0" src="../includes/tng/styles/img_not_found.gif" name="capa">

só estou com um problema.se o cara errar a foto quando alterar a foto nao esta mudando.alguem pode ajudar ?

[ultra 0]

Legal esse código !

 

resolvi seu problema colocando um var img1 dentro do seu javascript (depois do "{")

[paulojr 0]

Fala Ultra beleza ...cara logo em seguida que postei aqui tentei a mesma coisa e consegui tb.mas Valew.Bom o codigo pronto ta ai.

<script language="JavaScript" type="text/javascript">function img1(obj){var img1 = ""img1=document.form1.foto_gal.valuedocument.form1.capa.src=img1}</script><input name="foto_gal_<%= cnt1 %>" type="file" id="foto_gal" onChange="img1()" size="32" /><img border="0" src="../includes/tng/styles/img_not_found.gif" name="capa">

Valew Galera

[ultra 0]

Maravilha esse código, já pus no meu sisteminha também e foi q é uma belezamuito prático :D

[paulojr 0]

beleza, espero que todos possam tirar proveito!Abraços e obrigado a todos !

[mx loco 1]

Eu ja usso este cript em um sisteminha que tenho aki a algum tempo, não coloquei antes aki para você kara, pq naum pode mesmo.que bom que axou.Abraços;

[paulojr 0]

Bom gostaria de agradecer a palhaçada do MX Loco que tinha o script e ao inves de ajudar , disse que nao podia mostra-lo! <_< :angry: :angry:

 

gostaria de saber para que participa do forum entao !??

 

Gostaria de aproveitar e deixar aqui minha indignação com esse tipo de usuario.

 

Aos outros Colegas agradecer a força que foi dada ! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[AMON-HÁ 0]

Bom gostaria de agradecer a palhaçada do MX Loco que tinha o script e ao inves de ajudar , disse que nao podia mostra-lo! <_< :angry: :angry:

 

gostaria de saber para que participa do forum entao !??

 

Gostaria de aproveitar e deixar aqui minha indignação com esse tipo de usuario.

 

Aos outros Colegas agradecer a força que foi dada ! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Cara... desculpa a intromição, mas naum é assim que funciona naum...

primeiro, ninguém aqui tem nenhuma obrigação de ajudar, muito menos de dar código pronto...

aqui simplesmente é uma comunidade de amigos, no qual 'voluntariamente' um ajuda o outro... trocando conheciomento e fazendo novas amizades...

 

espero que isso naum aconteça mais aqui... tenho certeza que em uma outra oportunidade se possível o mx loco te ajuda...

já pensou na possibilidade de um dia, somente ele ter a resposta para o seu problema??? http://forum.imasters.com.br/public/style_emoticons/default/yes.gif

 

bom, peço desculpas novamente e abraços... http://forum.imasters.com.br/public/style_emoticons/default/bye1.gif

[paulojr 0]

Olá AMON-HÁ, primeiramente não é obrigação mas sim bon senso , se ele tinha a solução não precisava passar o codigo pronto mas explicar como funciona, segundo é que se ele teve a oportunidade de ajudar dessa vez e nao o fez, em uma segunda oportunidade nao o fara tb.

[mx loco 1]

Olá AMON-HÁ, primeiramente não é obrigação mas sim bon senso , se ele tinha a solução não precisava passar o codigo pronto mas explicar como funciona, segundo é que se ele teve a oportunidade de ajudar dessa vez e nao o fez, em uma segunda oportunidade nao o fara tb.

Kara, você intendeu mau o que tinha postado logo acima, bom tentarei explicar.é que quando vi teu tópico, ja imaginei o que queria faser, porem não tinha em mãos o codigo para te passar, pois estava em outro PC, E quando retornei ao tópico, elaguem ja tinha postado para você, portando so fiz aquela observação."não coloquei antes aki para você kara, pq naum pôde mesmo."O que eu quiz dizer eu que no momento eu não estava em condições de lhe passar o que você que queria, e não que eu não queria passar.Espero que desta ves tenho sido claro.So uma coisinha, da proxima ves antes de insultar alguem, tente primeiramente intender o que foi lhe passado.Abraços.AMOM-HA valeu ai pela força velho.

[AMON-HÁ 0]

Abraços.AMOM-HA valeu ai pela força velho.

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[paulojr 0]

Bom esse é o ultimo Post e gostaria depois de sua explicação MX LOCO pedir Desculpas e me Redimir perante todos. O que entendi é que tinha o script e não podia passar... o que achei estranho, afinal é um forum de sicussão onde estamos sempre nos ajudando. Bom não vou Prolongar o Post, mas Novamente Desculpas !Abraço a Todos e obrigado pela Força.

[Mário Monteiro 179]

Que bom que tudo se resolveu... http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[lucax 0]

Pessoal,O script funciona muito bem para o iExplorer!!!Mas para o Netscape e para o FireFox não funciona não!Alguém já testou com outros browsers? Alguém conhece uma solução para isso?

[lucax 0]

Cara. copia o codigo e posta lá no forum de JS.. com certeza você terá a rersposta mais rapida.abraço.

Vou fazer isso! Valeu![]s