Ir para conteúdo

POWERED BY:

Arquivado

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

SHWE12

Exibir imagem em div com js

Por , em Javascript

Recommended Posts

SHWE12    1

SHWE12
Postado

Boa tarde galera, tenho um input file no form e quando eu der o change, ou selecionar a url da imagem no meu pc eu queria q ela aparecesse na div ao lado, esotu fazendo mas nao estou conseguindo passar o valor para o js.. ai vai o codigo

 

var carregar;

function abrePagina( img )
{
	carregar = new Image();
	document.getElementById("imagem").innerHTML = "Carregando...";
	setTimeout( "verificaCarregamento()", 100 );
}

function verificaCarregamento()
{
	if( carregar.complete )
	{
		document.getElementById("imagem").innerHTML = "<img src=\"" + document.getElementById('foto') + "\" />";
	}
	else
	{
		setTimeout( "verificaCarregamento()", 100 );
	}
}

AGORA O INPUT DO FORM

 

<input name="foto" type="file" class="texto_manager" id="foto" size="30" onchange="abrePagina();" />

 

AGORA A DIV

 

<div id="imagem"></div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

pedro rodrigues    4

pedro rodrigues
Postado

Tenta isso:

 

<html><head>
  <script language="javascript" type="text/javascript">
	function abrePagina()
	{
	  document.getElementById("imagem").innerHTML = "Carregando...";

	  document.getElementById("imagem").innerHTML = "<img src=\"" + document.getElementById('foto').value + "\" />";
	}
  </script>
<body>

  <p>
	<input name="foto" type="file" id="foto" size="30" onchange="abrePagina()" />
	<br />- Imagem: <div id="imagem"></div>
  </p>

</body></html>

Boa sorte.

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