Загрузка файла в Ajax Контактный формуляр не работает

Question

Я пытаюсь расширить этот скрипт с помощью формы отправки файла: Ajax Contact Form on GitHub После успешной реализации PHPMailer я подумал, что было бы интересно добавить новую загрузку файла форма. Но я не убегаю.

Я добавил новую форму поля в index.html:

<div class="form-group" id="file1-field"> 
 
    <label for="form-file1" class="col-lg-2 control-label">Dateianhang</label> 
 
    <div class="col-lg-10"> 
 
     <input type="file" class="form-control" id="form-file1" name="form-file1"> 
 
    </div> 
 
</div>

Затем я добавил CONTENTTYPE и ProcessData строки в * .js файл.

$.ajax({ 
 
    type : 'POST', 
 
    url : 'php/process.php', 
 
    data : formData, 
 
    dataType : 'json', 
 
    contentType : false, 
 
    processData : false, 
 
    encode : true 
 
})

В последнем шаге я добавил эти строки в PHP скрипт:

if(is_array($_FILES)) { 
    $mail->AddAttachment($_FILES['form-file1']['tmp_name'],$_FILES['form-file1']['name']); 
} 

Я гугле вокруг и tryied все, но я не могу получить любой данные из него. Весь скрипт формы ломается.

Надеюсь, вы можете мне помочь. Заранее спасибо.

Answer 1

Я нашел решение:

Получить данные формы с этой процедурой решить мою проблему:

// get the form data 
 
var fData = new FormData(); 
 
fData.append('name', $('input[name=form-name]').val()); 
 
fData.append('email', $('input[name=form-email]').val()); 
 
fData.append('subject', $('input[name=form-subject]').val()); 
 
fData.append('message', $('textarea[name=form-message]').val()); 
 
fData.append('file1', $('input[name=form-file1]')[0].files[0]); 
 

 
// process the form 
 
$.ajax({ 
 
    type: 'POST', 
 
    url: 'php/process.php', 
 
    data: fData, 
 
    dataType: 'json', 
 
    contentType: false, 
 
    processData: false, 
 
    encode: true 
 
})

Вместо:

  // get the form data 
 
     var formData = { 
 
      'name': $('input[name="form-name"]').val(), 
 
      'email': $('input[name="form-email"]').val(), 
 
      'subject': $('input[name="form-subject"]').val(), 
 
      'message': $('textarea[name="form-message"]').val() 
 
     }; 
 

 
     // process the form 
 
     $.ajax({ 
 
      type: 'POST', 
 
      url: 'php/process.php', 
 
      data: formData, 
 
      dataType: 'json', 
 
      //contentType : false, 
 
      //processData : false, 
 
      encode: true 
 
     })

Благодарим за помощь!