Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Alan Henrique

Atualizar imagem

Por , em Javascript

Recommended Posts

Alan Henrique    0

Alan Henrique
Postado

Pessoal,

 

Preciso fazer o upload de uma imagem, mas antes de carregá-la no servidor preciso que o usuário a veja.

Como faço para mudar dinamicamente a imagem da página por uma imagem na máquina do cliente ?

 

Este foi o código que eu usei, mas não funciona:

 

<img id="imagem" src="./imagens/img.jpg" whidht="195" height"195"><input type="file" id="arquivo" onChange="imagem.src=this.value">
Outra coisa. Como faço para modificar o tamanho desta imagem, tipo, como faço para pegar o whidht e o height da imagem em java script?

 

Obrigado galera!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Alex Hiroshi    7

Alex Hiroshi
Postado

Tente assim...

<script>function mostra(img){imagems = document.getElementById("imagem");imagems.src=img;document.getElementById("larg").innerHTML=imagems.width;document.getElementById("altu").innerHTML=imagems.height;}</script><img id="imagem" src="" /> <br />Largura = <span id="larg"></span> <br />Altrua = <span id="altu"></span> <br /><input type="file" id="arquivo" onblur="mostra(this.value)" />

Compartilhar este post

Link para o post
Compartilhar em outros sites

andrealoisio    1

andrealoisio
Postado

Fiz um teste aqui e funcionou nos dois, talvez possa te ajudarAbraços<html><head> <title>Page Title</title></head><body><script>function troca(){ document.getElementById("img1").innerHTML = "<img src=\"file:///"+document.getElementById("caminho").value+"\">";}</script><form><input type="file" id="caminho" onchange="troca()"></form><span id="img1"></span></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Alan Henrique    0

Alan Henrique
Postado

Obrigado amigo, realmente funcionou.Descobri qual é o problema. O arquivo em que estava testando era de extensão .php, por isso não carrega no Firefox, tenho que ver o que posso fazer agora, pois só funciona em arquivos .html.Um abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito