2

Sempre que dou um submit no formulário aparece um erro na linha em que esta a variável $arquivo, eu desabilitei o ajax e não apareceu o erro, então acho que não é problema de php

$(document).ready(function() {
  $('.formulario').submit(function() {
    $.ajax({
      url: 'enviar.php',
      type: 'POST',
      data: $('.formulario').serialize(),
      success: function(valor) {
        $('.resp').html(valor);
      },
      beforeSend: function() {
        $('.resp').html('<div class="resposta email-aguarde email-nao-validado"><span>Aguarde enquanto enviamos seus dados</span><span><img src="ajax-loader.gif" alt=""/></span></div>');
      }
    });
    return false;
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
  <div class="resp"></div>
  <form class="formulario" method="post">
    <input class="nome" type="text" name="nome" placeholder="Nome" />
    <input class="email" type="text" name="email" placeholder="E-Mail" />
    <input class="telefone" type="text" name="telefone" placeholder="Telefone" />
    <select class="assunto" name="assunto">
      <option>Assunto</option>
      <option value="Dúvidas">Dúvidas</option>
      <option value="Críticas">Críticas</option>
      <option value="Elogios">Elogios</option>
      <option value="Outros">Outros</option>
    </select>
    <textarea class="mensagem" name="mensagem" placeholder="Digite sua mensagem"></textarea>
    <input class="arquivo" type="file" name="arquivo" />
    <input class="enviar" type="submit" value="Enviar Dados" />
  </form>
  <div class="clear"></div>
</div>

enviar.php

$nome = strip_tags(trim($_POST['nome']));
$email = strip_tags(trim($_POST['email']));
$telefone = strip_tags(trim($_POST['telefone']));
$assunto = strip_tags(trim($_POST['assunto']));
$mensagem = strip_tags(trim($_POST['mensagem']));
$arquivo = $_POST['arquivo'];

$tamanho = 5242880; //5 megabytes
$tipos = array(
'image/jpeg',
'image/pjpeg'
); //tipos de arquivos


$erro = array();
if (empty($nome)) {
$erro[] = "Digite seu nome";
}

if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
$erro[] = "Digite um e-mail válido";
}
if (empty($telefone)) {
$erro[] = "Digite seu telefone";
}
if (empty($assunto) || $assunto == 'Assunto') {
$erro[] = "Selecione um assunto";
}
if (empty($mensagem)) {
$erro[] = "Digite uma mensagem";
}

if (!is_uploaded_file($arquivo['tmp_name'])) {
$erro[] = 'O arquivo é obrigátorio';
} if ($arquivo['size'] > $tamanho) {
$erro[] = 'O limite do arquivo é de 5 megabytes';
} if (!in_array($arquivo['type'], $tipos)) {
$erro[] = 'O tipo do arquivo permitido é apenas JPEG';
} else if (count($erro) < 1) :

require_once 'phpmailer/PHPMailerAutoload.php';

$Email = new PHPMailer();
$Email->setLanguage('br');

//Define dados do servidor e tipo de conexão
$host = 'smtp.gmail.com';
$username = '';
$senha = '';
$porta = 587;
$secure = 'tsl';

//Email e nome de quem vai receber o email
$receber_email = '[email protected]';
$receber_nome = 'Sérgio Machado';

$from = $username;
$fromName = 'Sérgio Machado';

$Email->isSMTP();
$Email->Host = $host;
$Email->SMTPAuth = true;
$Email->Username = $username;
$Email->Password = $senha;
$Email->Port = $porta;
$Email->SMTPSecure = $secure;

$Email->From = $from;
$Email->FromName = $fromName;
$Email->addReplyTo($email, $nome);
$Email->addAddress($receber_email, $receber_nome);

$Email->isHTML(true);
$Email->CharSet = 'utf-8';
$Email->WordWrap = 70;

$Email->Subject = $assunto;

$body = "<strong>Nome: </strong>{$nome} <br />
    <strong>E-Mail: </strong>{$email} <br />
    <strong>Telefone: </strong>{$telefone} <br />
    <strong>Assunto: </strong>{$assunto} <br />
    <strong>Mensagem: </strong>{$mensagem} <br />
    <strong>Arquivo em anexo: </strong>{$arquivo['name']} <br />";

$Email->msgHTML($body);
$Email->AddAttachment($arquivo['tmp_name'], $arquivo['name']);

//Verifica se a mensagem foi enviada ou não.
if ($Email->Send()) {
    echo '<p class="resposta email-enviado">E-mail enviado com sucesso</p>';
} else {
    echo '<p class="resposta email-nao-enviado">Error: e-mail não enviado,      por favor tente outra vez!</p>';
}
endif;

if (count($erro) >= 1) {
echo '<ul class="resposta email-nao-validado">';
foreach ($erro as $err) {
    echo '<li>' . $err . '</li>';
}
echo '</ul>';
}
6
  • Sergio acho que o problema é que arquivo é uma chave de $_FILES e não de $_POST. Troque $arquivo = $_POST['arquivo']; por $arquivo = $_FILES['arquivo']; e veja o que acontece. E no <form... acrescente enctype="multipart/form-data"
    – Miguel
    21/06/2016 às 17:09
  • E nesta linha como lhe disse na resposta anterior, não deve ser else if (count($erro) < 1) : mas sim if (count($erro) < 1) :. Este não é motivo para este problema, mas corrija
    – Miguel
    21/06/2016 às 17:10
  • @Miguel eu ja tinha tentando com $_FILES mas agora eu adicionei este atributos no form e continua dando o mesmo erro, na mesma linha 21/06/2016 às 17:18
  • Ha espere lá... Mas com ajax o envio dos ficheiros é um pouco diferente. De qualquer maneira o seu form deve estar <form class="formulario" enctype="multipart/form-data" method="post">, do lado servidor (php), $_FILES['arquivo']; assim
    – Miguel
    21/06/2016 às 17:21
  • Pronto editei e apaguei o css 21/06/2016 às 17:35

2 Respostas 2

2

@Sergio se não alterou nada no código entretanto, faça isto, passinho a passinho, não deve falhar nada:

Quando existem ficheiros à mistura devemos usar FormData() para enviar os dados + ficheiros para servidor quando fazemos o upload com ajax

Alterações HTML:

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

ALterações JS (pode copiar diretamente):

$(document).ready(function() {
  $('.formulario').submit(function() {
    var form_data = new FormData();
    form_data.append('arquivo', $('input.arquivo').prop('files')[0]);
    form_data.append('nome', $('input.nome').val());
    form_data.append('email', $('input.email').val());
    form_data.append('telefone', $('input.telefone').val());
    form_data.append('assunto', $('select.assunto').val());
    form_data.append('mensagem', $('textarea.mensagem').val());
    console.log(form_data);
    $.ajax({
      url: 'enviar.php',
      type: 'POST',
      data: form_data,
      cache: false,
      contentType: false,
      processData: false,
      success: function(valor) {
        $('.resp').html(valor);
      },
      beforeSend: function() {
        $('.resp').html('<div class="resposta email-aguarde email-nao-validado"><span>Aguarde enquanto enviamos seus dados</span><span><img src="ajax-loader.gif" alt=""/></span></div>');
      }
    });
    return false;
  });
});

ALterações PHP (enviar.php) (pode copiar diretamente):

$nome = strip_tags(trim($_POST['nome']));
$email = strip_tags(trim($_POST['email']));
$telefone = strip_tags(trim($_POST['telefone']));
$assunto = strip_tags(trim($_POST['assunto']));
$mensagem = strip_tags(trim($_POST['mensagem']));

$tamanho = 5242880; //5 megabytes
$tipos = array(
    'image/jpeg',
    'image/pjpeg'
);


$erro = array();
if (empty($nome)) {
    $erro[] = "Digite seu nome";
}

if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
    $erro[] = "Digite um e-mail válido";
}
if (empty($telefone)) {
    $erro[] = "Digite seu telefone";
}
if (empty($assunto) || $assunto == 'Assunto') {
    $erro[] = "Selecione um assunto";
}
if (empty($mensagem)) {
    $erro[] = "Digite uma mensagem";
}

if(!isset($_FILES['arquivo'])) {
    $erro[] = 'O arquivo é obrigátorio';
}
else {
    $arquivo = $_FILES['arquivo'];
    if ($arquivo['size'] > $tamanho) {
        $erro[] = 'O limite do arquivo é de 5 megabytes';
    }
    if (!in_array($arquivo['type'], $tipos)) {
        $erro[] = 'O tipo do arquivo permitido é apenas JPEG';
    }
}

if (count($erro) < 1) {
    // enviar email aqui
}
else {
    echo '<ul class="resposta email-nao-validado">';
    foreach ($erro as $err) {
        echo '<li>' . $err . '</li>';
    }
    echo '</ul>';
}

Não copiei o envio do email para não ficar muito extenso aqui. Espero que resulte

8
  • Sumiu o erro, mas o anexo não esta chegando no email 21/06/2016 às 18:31
  • Ha pensei que fosse só upload para o diretório... Neste momento deve estar com ficheiros a mais na sua pasta. Desculpe. Vou editar
    – Miguel
    21/06/2016 às 20:05
  • Editado em cima @SérgioMachado. Tente assim, alterei o lador servidor (php)
    – Miguel
    21/06/2016 às 20:17
  • Perfeito! funcionou exatamente como eu queria, só acrescentou m pouco de código a mais no ajax, mas ficou ótimo, muito obrigado 21/06/2016 às 20:36
  • Era preciso @Sergio. De nada, entretanto deve ter umas quantas imagens no diretorio porque a primeira vez que eu fiz foi para fazer upload
    – Miguel
    21/06/2016 às 20:40
0

O problema é que o AJAX não suporte enviar arquivos com o serialize, e é necessário especificar o content type e o process data para falso.

tente o seguinte:

$('.formulario').submit(function() {
  var formData = new FormData($(this));
  $.ajax({
     url: 'enviar.php',
     type: 'POST',
     cache: false,
     contentType: false,
     processData: false,
    data: formData,
    success: function(valor) {
      $('.resp').html(valor);
    },
    beforeSend: function() {
      $('.resp').html('<div class="resposta email-aguarde email-nao-validado"><span>Aguarde enquanto enviamos seus dados</span><span><img src="ajax-loader.gif" alt=""/></span></div>');
    }
  });
return false;
});
6
  • Não deu certo, apareceu mais erros ainda 21/06/2016 às 17:48
  • Que tipo de erro ? O arquivo você está pegando com $_FILES? 21/06/2016 às 17:50
  • Uso a mesma função, e no php pego o arquivo com $arquivo_tmp = $_FILES['file-0']['tmp_name']; 21/06/2016 às 17:54
  • como se as variáveis não existisse, sim com $_FILES 21/06/2016 às 18:13
  • dá um print_r($_FILES) e print_r($_POST) pra ver o que está vindo 21/06/2016 às 18:16

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .