0

Como eu faço para enviar um arquivo por email utilizando Ajax? Quando eu preencho o formulário, todos os dados são enviados menos o upload. Pelo PhP eu consigo enviar tudo certo, o problema é quando executo a funçao do ajax, ele não envia o upload

$("#enviar").click(function() {
  var settings = {
    // "async": true,
    // "crossDomain": true,
    "url": "curriculo.php",
    "method": "POST",
    enctype: 'multipart/form-data',
    "headers": {
      "Content-Type": "application/x-www-form-urlencoded",
    },
    "data": {
      "nome_completo": $("#nome_completo").val(),
      "email_principal": $("#email_principal").val(),
      "email_secundario": $("#email_secundario").val(),
      "cpf": $("#cpf").val(),
      "data_nascimento": $("#data_nascimento").val(),
      "telefone": $("#telefone").val(),
      "celular": $("#celular").val(),
      "estado_civil": $("#estado_civil").val(),
      "sexo": $("#sexo").val(),
      "senioridade": $("#senioridade").val(),
      "cep": $("#cep").val(),
      "logradouro": $("#logradouro").val(),
      "numero": $("#numero").val(),
      "bairro": $("#bairro").val(),
      "complemento": $("#complemento").val(),
      "formacao_academica_curso": $("#formacao_academica_curso").val(),
      "formacao_academica_instituicao": $("#formacao_academica_instituicao").val(),
      "formacao_academica_data_inicio": $("#formacao_academica_data_inicio").val(),
      "formacao_academica_data_fim": $("#formacao_academica_data_fim").val(),
      "formacao_academica_data_fim": $("#formacao_academica_data_fim").val(),
      "formacao_academica_curso2": $("#formacao_academica_curso2").val(),
      "formacao_academica_instituicao2": $("#formacao_academica_instituicao2").val(),
      "formacao_academica_data_inicio2": $("#formacao_academica_data_inicio2").val(),
      "formacao_academica_data_fim2": $("#formacao_academica_data_fim2").val(),
      "idioma_nivel": $("#idioma_nivel").val(),
      "idioma_nome": $("#idioma_nome").val(),
      "idioma_nome2": $("#idioma_nome2").val(),
      "idioma_nivel2": $("#idioma_nivel2").val(),
      "experiencia_profissional_cargo": $("#experiencia_profissional_cargo").val(),
      "experiencia_profissional_empresa": $("#experiencia_profissional_empresa").val(),
      "experiencia_profissional_data_inicio": $("#experiencia_profissional_data_inicio").val(),
      "experiencia_profissional_data_fim": $("#experiencia_profissional_data_fim").val(),
      "experiencia_profissional_descricao_atividades": $("#experiencia_profissional_descricao_atividades").val(),
      "experiencia_profissional_cargo2": $("#experiencia_profissional_cargo2").val(),
      "experiencia_profissional_empresa2": $("#experiencia_profissional_empresa2").val(),
      "experiencia_profissional_data_inicio2": $("#experiencia_profissional_data_inicio2").val(),
      "experiencia_profissional_data_fim2": $("#experiencia_profissional_data_fim2").val(),
      "experiencia_profissional_descricao_atividades2": $("#experiencia_profissional_descricao_atividades2").val(),
      "experiencia_profissional_cargo3": $("#experiencia_profissional_cargo3").val(),
      "experiencia_profissional_empresa3": $("#experiencia_profissional_empresa3").val(),
      "experiencia_profissional_data_inicio3": $("#experiencia_profissional_data_inicio3").val(),
      "experiencia_profissional_data_fim3": $("#experiencia_profissional_data_fim3").val(),
      "experiencia_profissional_descricao_atividades3": $("#experiencia_profissional_descricao_atividades3").val(),
      "skype_gtalk": $("#skype_gtalk").val(),
      "linkedin": $("#linkedin").val(),
      "facebook": $("#facebook").val(),
      "youtube": $("#youtube").val(),
      "image1": $("#image1").val()
    }
  };

  $.ajax(settings).done(function(response) {
    console.log(response);
  });
});
<form id="msform" method="post" action="send.php" enctype="multipart/form-data">
  <div class="row">
    <div class="col-md-12">
      <div class="browse-wrap">
        <div class="title">Anexar Currículo</div>
        <input type="file" id="image1" name="image1" class="upload" title="Anexar Currículo">
      </div>
      <span class="upload-path"></span>
    </div>
  </div>
</form>

3
  • não entendi muito bem, desculpa, não sei muito sobre ajax... onde ficaria exatamente essas informações no código? 4/07/2018 às 20:59
  • Você pode postar um exemplo completo e verificável? Com o código postado não dá para reproduzir o problema.
    – user60252
    5/07/2018 às 7:18
  • Acho que você vai precisar usar o XHR conforme esse exemplo Fazer upload de arquivo com AJAX 10/01 às 14:40

1 Resposta 1

0

Faltando o objeto formData

$("#enviar").click(function() {
var imagem = new FormData($('.upload')); 
..........
..........

e no data

"data": {
  "nome_completo": $("#nome_completo").val(),
  ............
  ............
  "image1":imagem

Não podemos capturar a imagem para enviar com a requisição ajax com $("#image1").val()

1
  • Adaptando da maneira que você passou, não funcionou, agora não está chegando nem os demais dados do formulário 4/07/2018 às 21:17

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 .