Jump to content


Photo

Upload Múltiplo


  • Faça o login para participar
7 replies to this topic

#1 Paulo Freitas

Paulo Freitas

    ××××××× LRU #456504 ××××××× ××××××× LRM #364686 ×××××××

  • Ex-Admins
  • 5612 posts
  • Sexo:Masculino
  • Localidade:Campinas - SP

Posted 17/04/2006, 22:29

Opa ... ;)

Com base em recentes dúvidas que tenho visto, resolvi postar este exemplo. Qualquer dúvida e / ou sugestão, não hesitem em postar. ;)

Segue o código ...

<html>
  <head>
	<title>Upload Múltiplo</title>
	<script type="text/javascript">
	<!--
	function addFile()
	{
		var files		  = document.getElementById('files');
		var count		  = document.getElementById('count');
		var new_file	   = document.createElement('div');
		var new_file_id	= eval(eval(count.value) + 1);
		var new_file_name  = 'file' + new_file_id;

		count.value		= new_file_id;

		new_file.setAttribute('id', new_file_name);
		new_file.innerHTML = '<label for="input' + new_file_id + '">Arquivo:</label>'
		  + ' <input name="files[]" id="input' + new_file_id + '" type="file" />'
		  + ' <input value="Remover" onclick="removeFile(' + new_file_name + ');"'
		  + ' type="button" />';

		files.appendChild(new_file);
	}

	function removeFile(file_id)
	{
		var files = document.getElementById('files');
		var file  = document.getElementById(file_id);

		files.removeChild(file);
	}
	-->
	</script>
  </head>
  <body>
	<input type="hidden" value="0" id="count" />
	<p>
	  <input type="button" value="Adicionar" onclick="addFile();" />
	</p>
	<div id="files"></div>
  </body>
</html>
[]’s :DAté mais

#2 triko

triko

    Turista

  • Usuários
  • 55 posts
  • Sexo:Não informado
  • Localidade:POA/RS

Posted 20/03/2007, 03:34

bem legal cara! (y)
Mas tipo, e para enviar? :blink:
http://www.triko.com.br

#3 Bakhunin

Bakhunin

    Novato no fórum

  • Usuários
  • 3 posts
  • Sexo:Masculino
  • Localidade:Taubaté - SP

Posted 23/03/2007, 19:50

Olá, sou novo aqui no forum e tb em codificação, por isso, me desculpem se for uma pergunta idiota, mas...

Tenho um site em um server pago e constantemente faço UPLOAD de arquivos para o server pelo Cpanel, então queria saber, se adaptando esse código, eu poderia enviar os arquivos por uma pagina que eu mesmo crie?

Paulo Ricardo muito bom esse seu codigo ai, por favor, posta aqui o codigo para enviar!! Valeu ae.

#4 redstyle

redstyle

    Expert

  • Usuários
  • 540 posts
  • Sexo:Masculino

Posted 28/03/2007, 13:11

Olá, muito bom mesmo e está adicionando os campos certinho, mas remover não está funcionando.

T+

Conheça meu blog para Aprender Laravel (Framework PHP)


#5 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 29/03/2007, 13:12

Olhando por cima o código parece estar correto, dá algum erro quando tenta remover ?

PS.: O Paulo Ricardo virou magnata e não entra mais nesta seção ... :lol:
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#6 fredbh

fredbh

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Não informado

Posted 29/03/2007, 14:08

da erro ao tentar remover...

na linha " var file = document.getElementById(file_id); "

retorna NULL

e nao funciona o removeChild();

O que pode ser ?

#7 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 29/03/2007, 17:20

Vocês estão passando o id do elemento pra função ??

removeFile('input1');

??
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#8 Fredi Machado

Fredi Machado

    Novato no fórum

  • Usuários
  • 1 posts
  • Sexo:Não informado

Posted 22/06/2009, 14:04

Pra quem for curioso e/ou se interessar por um código para upload múltiplo de arquivos (selecionando vários de uma vez só) com barra de progresso pode achar aqui:

http://fredimachado.com.br/

Flash (AS3), jQuery e PHP. Tudo bem comentado.

Abraço!




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq