Ir para conteúdo

POWERED BY:

Arquivado

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

acinom

Pegar valor de um campo tipo file

Por , em Javascript

Recommended Posts

acinom    0

acinom
Postado

Tenho um formulário para upload, assim que o usuário coloca o endereço local da imagem para fazer o upload (C:/desktop...), como eu posso pegar esse valor para exibir uma prévia da imagem selecionada?Estava tentando usar algo do tipo: document.form1.imagem.value no value e src, mas não funcionou.<input name="image" type="image" value="" src="">

<form name="form1"><input name="imagem" type="file" class="form" size="32"><input type="submit" class="button" value="Incluir"></form>

Alguém pode me ajudar? :unsure: :) Obrigada desde já!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fleury    3

Fleury
Postado 
<form name="form1"><script>function showPreview(end) {  if (end != '') {	document.getElementById('preview').style.display = 'block';	document.getElementById('preview').src = end;  } else document.getElementById('preview').style.display = 'none';}</script><input name="imagem" onChange="showPreview(this.value)" type="file" class="form" size="32"><input type="submit" class="button" value="Incluir"></form><img style="display: none" id="preview">

Compartilhar este post

Link para o post
Compartilhar em outros sites

acinom    0

acinom
Postado

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

Mas o que eu preciso colocar para exibir a imagem pequena?

 

Acrescentei isso:

<img style="display: none" id="preview" width="20%" height="20%">

assim exibe a imagem pequena, mas ocupando o tamanho da imagem original e ai estoura a tabela e detona o layout.

 

:) Obrigada pelo help!

Compartilhar este post

Link para o post
Compartilhar em outros sites

rafanevesjau    0

rafanevesjau
Postado

Olá pessoal,

 

Sei que este tópico é bem antigo, mas estou tentando fazer isso também de exibir uma imagem assim q o usuário seleciona o arquivo num campo file do formulário, mas a imagem fica com o link "quebrado"... não exibe nada.... já tentei de N maneiras diferentes e não consegui...

Alguém pode me ajudar? já ví vários sites que fazem isso..

 

Segue os códigos qtentei (podem ver q tem várias linhas comentadas

 

<body><form name="form1" method="post" action=""><script language="JavaScript">	function muda_img(caminho){		document.getElementById('previa').style.display = 'block';				//document.getElementById("previa").src="file:///"+URLencode(caminho);		//document.getElementById("previa").src="file:///"+caminho;		document.getElementById("previa").src=caminho;		//alert("file://"+caminho);	}	function URLencode(sStr) {		return escape(sStr).				 replace(/\+/g, '%2B').					replace(/\"/g,'%22').					   replace(/\'/g, '%27').						 replace(/\//g,'%2F').						 	replace(':','|');	}</script>  <input type="file" name="arquivo1" onChange="muda_img(this.value);"></form><br><br><img style="display: none" id="previa">

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