Ir para conteúdo

POWERED BY:

Arquivado

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

Wellington09

InputFile evento Change

Por , em Javascript

Recommended Posts

Wellington09    1

Wellington09
Postado

Pessoal estou tendo um probleminha aqui , se alguem puder dar uma forçinha ae.

Ao clicar no botão Adicionar ele gera um campo input file em runtime só que ao selecionar o arquivo nesta input file

que é gerada em runtime ele não joga o valor dentro da tag <p> estou vendo aqui que na verdade ele nem entra no evento change seria um BUG ?

 

Agora se eu selecionar o arquivo que eu quero na input file que já esta no HTML

ex:

<p>Este funciona</p><input class="upload" name="product[teste'+i+']" type="file" />

ele joga o valor dentro da tag <p> normal

 

Meu codigo fonte

<!DOCTYPE HTML>
<html lang="pt-br">
   <head>
       <title>UPLOAD</title>
   	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"  type="text/javascript"></script> 
   	<script>
       var $j = jQuery.noConflict();
	$j(document).ready(function(){

		$j("input[type=file]").change(function() {
			alert('teste');
			$j(this).prev().html($j(this).val());
		});

		i = $j('input').size() + 1;
		$j('#add').click(function() {
			$j('<p>Este não funciona</p><input name="teste'+i+'" type="file" />').appendTo('#uploads');
			i++;
		});

	});
	</script> 
   </head>

   <body>
       <a href="javascript:void(0)" id="add">Adicionar</a>
	<p>Este funciona</p><input name="teste" type="file" />
       <div id="uploads">

	</div>
   </body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Patrique    0

Patrique
Postado

Ele não entra no change pois você coloca que ao clicar em adicionar ele deve criar automaticamente o que esta lá, no caso toda vez que clicar lá, vai mandar isso.

 

<p>Este não funciona</p><input name="teste'+i+'" type="file" />

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wellington09    1

Wellington09
Postado

Acho que você não entendeu amigo...

 

Quando eu clico em ADICIONAR ele realmente vai criar isso:

                        
<p>Este não funciona</p><input name="teste'+i+'" type="file" />

Bom realmente é isso que eu quero que ele faça, só que você não concorda comigo que já que ele já foi criado eu posso agora clicar no:

<input name="teste'+i+'" type="file" />

escolher um arquivo e ai ele deveria entrar no evento change e jogar o valor para a tag <p>

 

você testou ai ? é só copiar e colar

 

veja que o que eu quero fazer funciona a partir daqui:

       <p>Este funciona</p><input name="teste" type="file" />

 

escolha um arquivo de sua maquina e veja que ele vai passar o valor para a tag </p>

 

e depois faz o teste clicando no botão ADICIONAR e quando ele gerar uma nova input file veja que o que você acabou de testar não vai funcionar mais

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