danielbonifacio/arquivo.php

## arquivo.php
<?php
	if(isset($_FILES['arquivo'])):
		$allowed_extensions = ['jpg', 'png', 'zip', 'rar'];
		$nome_arquivo       = $_FILES['arquivo']['name'];
		$explode            = explode(".",$nome_arquivo);
		$extensao           = end($explode);

		//Verifica se a extensão do arquivo é permitida
		if(!in_array($extensao, $allowed_extensions)):
			echo "extensão do arquivo não permitida";
			exit;
		else:

			$novo_nome  = $nome_arquivo;
			$diretorio  = "./arquivos/";
			$enviado = move_uploaded_file($_FILES['arquivo']['tmp_name'], $diretorio.$novo_nome);

			if($enviado):
				echo "enviado";
				exit;
			else:
				echo "erro";
				exit;
			endif;
		endif;
	else:
		echo "nenhuma imagem foi enviada";
		exit;
  endif;
?>

## upload-com-ajax.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Tutorial Ajax Envio de Arquivos</title>
</head>
<body>
  <input type="file" id="arquivo">
  <button id="enviaArquivo">Enviar Arquivo</button>
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  <script>
    $(document).on('click', '#enviaArquivo', function(e){
      e.preventDefault();

      let arquivo = new FormData();

      arquivo.append('arquivo', $('#arquivo').prop('files')[0]);

      $.ajax({
        url: '/arquivo.php',
        method: 'POST',
        data: arquivo,
        cache: false,
        processData: false,
        contentType: false
      }).done(function(data){
        console.log(data);
      });

    })
  </script>
</body>
</html>
	<?php
	if(isset($_FILES['arquivo'])):
	$allowed_extensions = ['jpg', 'png', 'zip', 'rar'];
	$nome_arquivo = $_FILES['arquivo']['name'];
	$explode = explode(".",$nome_arquivo);
	$extensao = end($explode);

	//Verifica se a extensão do arquivo é permitida
	if(!in_array($extensao, $allowed_extensions)):
	echo "extensão do arquivo não permitida";
	exit;
	else:

	$novo_nome = $nome_arquivo;
	$diretorio = "./arquivos/";
	$enviado = move_uploaded_file($_FILES['arquivo']['tmp_name'], $diretorio.$novo_nome);

	if($enviado):
	echo "enviado";
	exit;
	else:
	echo "erro";
	exit;
	endif;
	endif;
	else:
	echo "nenhuma imagem foi enviada";
	exit;
	endif;
	?>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Tutorial Ajax Envio de Arquivos</title>
	</head>
	<body>
	<input type="file" id="arquivo">
	<button id="enviaArquivo">Enviar Arquivo</button>
	<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
	<script>
	$(document).on('click', '#enviaArquivo', function(e){
	e.preventDefault();

	let arquivo = new FormData();

	arquivo.append('arquivo', $('#arquivo').prop('files')[0]);

	$.ajax({
	url: '/arquivo.php',
	method: 'POST',
	data: arquivo,
	cache: false,
	processData: false,
	contentType: false
	}).done(function(data){
	console.log(data);
	});

	})
	</script>
	</body>
	</html>