Upload simples de imagem com PHP/MySQL

Olá pessoal, desculpem pela ausência, mas é que eu estou trabalhando em alguns projetos e o tempo está curto. Hoje nesse artigo vou mostrar como fazer um upload de uma imagem para o servidor e também gravar isso no banco de dados.

Vou utilizar como exemplo um mini-portal, onde o usuário irá se cadastrar e escolher sua foto de exibição. Então, vamos lá.

1. Banco de dados

Vamos criar nossa tabela de usuários:

CREATE TABLE `usuarios` (
`id` INT NOT NULL AUTO_INCREMENT PRIMARY KEY ,
`nome` VARCHAR( 50 ) NOT NULL ,
`email` VARCHAR( 50 ) NOT NULL ,
`foto` VARCHAR( 100 ) NOT NULL
) ENGINE = MYISAM ;

2. Formulário de cadastro

Agora vamos desenhar nosso formulário e apontar a action para o mesmo arquivo:

IMPORTANTE: nunca se esqueça que quando se trata de arquivos, precisamos adicionar ao nosso form a seguinte propriedade: enctype=”multipart/form-data”

<!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>Cadastro de usuário</title>
</head>

<body>
<h1>Cadastro de Usuário</h1>
<form action="<?php echo $_SERVER['PHP_SELF'] ?>" method="post" enctype="multipart/form-data" name="cadastro" >
Nome:<br />
<input type="text" name="nome" /><br /><br />
Email:<br />
<input type="text" name="email" /><br /><br />
Foto de exibição:<br />
<input type="file" name="foto" /><br /><br />
<input type="submit" name="cadastrar" value="Cadastrar" />
</form>
</body>
</html>

3. Cadastrando Usuário

Como a action está apontando para o próprio arquivo, nosso código vai nele mesmo:

<?php
// Conexão com o banco de dados
$conn = @mysql_connect("localhost", "usuario", "senha") or die ("Problemas na conexão.");
$db = @mysql_select_db("banco", $conn) or die ("Problemas na conexão");

// Se o usuário clicou no botão cadastrar efetua as ações
if (isset($_POST['cadastrar'])) {
	
	// Recupera os dados dos campos
	$nome = $_POST['nome'];
	$email = $_POST['email'];
	$foto = $_FILES["foto"];
	
	// Se a foto estiver sido selecionada
	if (!empty($foto["name"])) {
		
		// Largura máxima em pixels
		$largura = 150;
		// Altura máxima em pixels
		$altura = 180;
		// Tamanho máximo do arquivo em bytes
		$tamanho = 1000;

		$error = array();

    	// Verifica se o arquivo é uma imagem
    	if(!preg_match("/^image\/(pjpeg|jpeg|png|gif|bmp)$/", $foto["type"])){
     	   $error[1] = "Isso não é uma imagem.";
   	 	} 
	
		// Pega as dimensões da imagem
		$dimensoes = getimagesize($foto["tmp_name"]);
	
		// Verifica se a largura da imagem é maior que a largura permitida
		if($dimensoes[0] > $largura) {
			$error[2] = "A largura da imagem não deve ultrapassar ".$largura." pixels";
		}

		// Verifica se a altura da imagem é maior que a altura permitida
		if($dimensoes[1] > $altura) {
			$error[3] = "Altura da imagem não deve ultrapassar ".$altura." pixels";
		}
		
		// Verifica se o tamanho da imagem é maior que o tamanho permitido
		if($foto["size"] > $tamanho) {
   		 	$error[4] = "A imagem deve ter no máximo ".$tamanho." bytes";
		}

		// Se não houver nenhum erro
		if (count($error) == 0) {
		
			// Pega extensão da imagem
			preg_match("/\.(gif|bmp|png|jpg|jpeg){1}$/i", $foto["name"], $ext);

        	// Gera um nome único para a imagem
        	$nome_imagem = md5(uniqid(time())) . "." . $ext[1];

        	// Caminho de onde ficará a imagem
        	$caminho_imagem = "fotos/" . $nome_imagem;

			// Faz o upload da imagem para seu respectivo caminho
			move_uploaded_file($foto["tmp_name"], $caminho_imagem);
		
			// Insere os dados no banco
			$sql = mysql_query("INSERT INTO usuarios VALUES ('', '".$nome."', '".$email."', '".$nome_imagem."')");
		
			// Se os dados forem inseridos com sucesso
			if ($sql){
				echo "Você foi cadastrado com sucesso.";
			}
		}
	
		// Se houver mensagens de erro, exibe-as
		if (count($error) != 0) {
			foreach ($error as $erro) {
				echo $erro . "<br />";
			}
		}
	}
}
?>

Resumindo, nós pegamos a imagem enviada, verificamos se ela está dentro dos limites permitidos, depois jogamos essa foto na pasta fotos/ do servidor e na tabela de usuários do banco de dados adicionamos as informações do usuário juntamente com o nome da foto.

OBS: não esqueça de dar pemissão de gravar na pasta onde serão gravadas as fotos.

4. Exibindo a imagem

Agora é simples. Vamos supor que queremos exibir as informações de todos os usuários, incluindo a foto:

<?php
// Seleciona todos os usuários
$sql = mysql_query("SELECT * FROM usuarios ORDER BY nome");

// Exibe as informações de cada usuário
while ($usuario = mysql_fetch_object($sql)) {
	// Exibimos a foto
	echo "<img src='fotos/".$usuario->foto."' alt='Foto de exibição' /><br />";
	// Exibimos o nome e email
	echo "<b>Nome:</b> " . $usuario->nome . "<br />";
	echo "<b>Email:</b> " . $usuario->email . "<br /><br />";
}
?>

5. Excluindo imagem

E se for necessário excluir um usuário? Simples, utilizamos o comando delete e tudo certo, porém a foto dele vai continuar lá na pasta fotos/ do nosso servidor. A solução é simples, utilizamos a função unlink(). Vamos supor que queremos remover o usuário de ID = 1 e sua respectiva foto:

<?php
// ID de exemplo
$id = 1;

// Selecionando nome da foto do usuário
$sql = mysql_query("SELECT foto FROM usuarios WHERE id = '".$id."'");
$usuario = mysql_fetch_object($sql);

// Removendo usuário do banco de dados
$sql = mysql_query("DELETE FROM usuarios WHERE id = '".$id."'");

// Removendo imagem da pasta fotos/
unlink("fotos/".$usuario->foto."");
?>

6. Conclusão

Podemos concluir que é muito simples fazer upload de uma imagem para o servidor, e não só apenas imagem, poderia ser qualquer outro arquivo, só mudaria o modo de validação. Espero que vocês tenham entendido, até o próximo artigo. Abraços.

Download dos arquivos