Upload Multimplo Com Html5, Js E Php


<?php

//aqui executo somente quando o botao enviar for pressionado

if (isset($_POST['enviar'])){

//coloco os arquivos dentro da variavel $img

$img = $_FILES['uploads'];

//seto a pasta onde vao ser salvos

$folder = 'fotos/';

//conto quantas imagens foram enviadas

$countImg = count($_FILES['uploads']);

//crio um for com o limite dentro do numerod e arquivos enviados

//pra cada loop ele pega o nome o tmp_name e ja move o arquivo para a pasta setada acima

for ($i=0; $i<$countImg; $i++){

	$tmp 	= $img['tmp_name'];

	$name 	= $img['name'];

	$type 	= $img['type'] ;

	echo $name[$i] . '<br>';

	move_uploaded_file($tmp[$i],$folder.$name[$i]);

	}

	}else{

 ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<link rel="stylesheet" type="text/css" href="../../style.css" />

<!--Esse comando em js serve para mostrar quais arquivos foram selecionados antes de vc clicar em enviar  -->

<script>

		function makeFileList() {			

		var input = document.getElementById("filesToUpload");			

		var ul = document.getElementById("fileList");			

		while (ul.hasChildNodes()) {				

		ul.removeChild(ul.firstChild);			

			}			

			for (var i = 0; i < input.files.length; i++) 

				{				

					var li = document.createElement("li");				

					li.innerHTML = input.files[i].name;				

					ul.appendChild(li);			

				}			

		if(!ul.hasChildNodes()) 

		{				

			var li = document.createElement("li");				

			li.innerHTML = 'No Files Selected';				

			ul.appendChild(li);			

		}		

	}	

</script>

</head>

<body>

<!--  Aqui nos temos o formulario   tem que ser multipart/form-data e no campo input tem que ter o atributo multiple="true" -->

<form method="post" action="" enctype="multipart/form-data" class="intraLogin">

                    <label class="formLogin">Arquivos</label><br /><br /><br />

                    <input type="file" multiple="true" id="filesToUpload" name="uploads[]" onchange="makeFileList();"><br><br /><br />

                    <input name="enviar" type="submit" value="enviar" class="button" > 

		        	<input name="limpar" type="reset" value="Limpar" class="button" >

		</form>

<!-- Aqui é onde -->

<ul id="fileList">

<li>No file selected</li>

</ul>



</body>

</html>

<?php 

	}

?>
#1 maluco456

1 user(s) are reading this topic

Upload Multimplo Com Html5, Js E Php

#1 maluco456

1 user(s) are reading this topic

Entrar
