Ir para conteúdo

POWERED BY:

Arquivado

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

Blanke

<input type="file" />

Por , em Javascript

Recommended Posts

Blanke    0

Blanke
Postado

Ae galera é o seguinte, to tentando fazer com que quando eu clique em um botão acione um outo botão, o bt de upload.

 

<input type="file" />

 

eu ja fiz isso, só que n funciona no firefox.

 

<html>

  <head>

	<script type="text/javascript">

	  function getValue()
	  {
		var fake=document.getElementById("fakeFeld")
		var real=document.getElementById("realField")
		real.click();
	  }

	</script>

  </head>

  <body>

	<form>

	  <input type="button" id="realFeld"  value="add imagem" />
	  <input type="file"	  id="fakeFeld"					  />

	</form>

  </body>

</html>

qq eu faço?

Compartilhar este post

Link para o post
Compartilhar em outros sites

DSerma    19

DSerma
Postado

Ta.. você chama o evento onclick do botao.. mas kd a função que ele deve executar no evento onclick ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

falke    0

falke
Postado

opa....

 

está funcionando em qual navegador?

 

explica melhor o que quer...

 

flow, abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Blanke    0

Blanke
Postado

é um <input type="file"> portanto a ação ja está inserida, quando clica nele abre uma janela para selecionar a imagem ou arquivo para fazer upload.

 

*testa no Internet Explorer que você ve funcionando.

 

eu quero fazer a mesma coisa que ocorre no IE só que no Firefox não funciona.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Blanke    0

Blanke
Postado

Não sei da onde eu tirei aquele código, nada a ver.

 

 

<html>

	<head>

		<script type="text/javascript" >
			
			window.onload = function() {
			
				fakeField = document.getElementById("fake");
				realField = document.getElementById("real");
				
				fakeField.onclick = function() {
				
					real.click();
				
				}
			
			}
			
		</script>

	</head>

	<body>
	
			<input type="file"   id="real"					/>
			<input type="button" id="fake" value="Add imagem" />
			
	</body>

</html>

esse sim é o código certo, funciona no IE mas não no FF.

 

Alguém me ajude por favor.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Pita    53

Pita
Postado

O problema está aqui:

real.click();
real não está definido em nenhum lugar

tente:

document.getElementById("real").click();
ou então:

realField.click();

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

isso mesmo que o Pita disse, o final ficaria assim:

<html>

	<head>

		<script type="text/javascript" >
			
			window.onload = function() {
			
				fakeField = document.getElementById("fake");
				realField = document.getElementById("real");
				
				fakeField.onclick = function() {
				
					realField.click();
				
				}
			
			}
			
		</script>

	</head>

	<body>
	
			<input type="file" id="real" onclick="alert('teste')" />
			<input type="button" id="fake" value="Add imagem" />

			
	</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Blanke    0

Blanke
Postado

realmente não esta funcionando no FF

qual o efeito do:

<input type="button" id="fake" value="Add imagem" />
no teu script??

 

A idéia é que esse botão acione o

 

<input type="file" ... />

simplesmente porque eu não quero usar o botão de upload original, não concordo com o jeito que ele foi pensado, então queria aciona-lo usando outro botão o qual eu poderei formatar por CSS.

 

pra mim que esse botão type="file" foi criado pra suprir uma nessecidade imediata, mas ele ainda continua assim, sem a opção de formatação entre outros recursos, acho isso um problema pois não podemos interagir de um modo mais inteligente com o mesmo.

 

concorda?

 

obs.: essa foi a maneira que eu encontrei para chegar ao meu objetivo, porém se souber de uma outra me fala por favor.

Compartilhar este post

Link para o post
Compartilhar em outros sites

JuLiAnNo JuNgLe    0

JuLiAnNo JuNgLe
Postado

Salve salve, povo da programação!

Olha só, sei que peguei o bonde andando e esse post já tá meio antigo, mas mesmo assim eu quis postar.

Eu estou montando uns scripts de cadastro aqui, e parte do meu código eu acho que é bem o que vcs querem...

dá uma olhada:

 

<HTML>

<script language=javascript>
function chooser(){

var priv1 = "UniversalXPConnect";
var priv2 = "UniversalFileRead";
var privilegeGranted = true;
var runtimeError = '';

try {
netscape.security.PrivilegeManager.enablePrivilege (priv1);
netscape.security.PrivilegeManager.enablePrivilege (priv2);
  }catch(e) {
	privilegeGranted = false;
	runtimeError = "Os privilégios extendidos não foram garantidos pelo usuário.";
	}

if (privilegeGranted) {
	var filePicker = Components.interfaces.nsIFilePicker;
	var fp = Components.classes['@mozilla.org/filepicker;1'].createInstance(filePicker);
	fp.init(window, 'Escolha uma imagem:', filePicker.modeOpen);
	fp.appendFilters(filePicker.filterImages);
	var res = fp.show();
	if (res == filePicker.returnOK) {foto.src=fp.file.path;}
  }
}
</SCRIPT>

<BODY>
<IMG id=foto src='' width=96 height=96 border=1 onclick="chooser()">
</BODY>
</HTML>

A minha intenção era de fazer uma miniatura de imagem vazia, onde a pessoa clica nela e seleciona um arquivo pra preencher aquela miniatura com o conteúdo do arquivo de imagem. Ainda estou mexendo no tratamento da imagem, mas acho que o que importa pra vcs é essa parte de buscar o arquivo, né?

Estou usando Linux Ubuntu com firefox 3, e essa foi a única maneira que achei para fazer o que eu queria.

Espero ter ajudado.

Abraços.

 

Jungle

 

Ah, detalhe: Esqueci de mencionar que esse código causa o pequeno inconveniente de perguntar (duas vezes) ao usuário se ele deseja garantir o acesso da página ao computador... Mas se marcar a opção lembrar, isso só vai acontece uma vez. :) Uma boa opção entretanto se a aplicação for local, como no meu caso.

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