$(function() { $("input,textarea").jqBootstrapValidation({ preventSubmit: true, submitError: function($form, event, errors) { // additional error messages or events }, submitSuccess: function($form, event) { event.preventDefault(); // prevent default submit behaviour // get values from FORM //let data = new FormData($("#contactForm")[0]); var data = new FormData(); var files = $('#uploadedFile')[0].files; data.append('uploadedFile',files[0]); const input = document.querySelector('input[type="file"]'); const file = input.files[0]; file instanceof File; // true file instanceof Blob; // true //var file; var name = $("input#name").val(); var email = $("input#email").val(); console.log(name, email, file); data.append('name', name); data.append('email', email); //var phone = $("input#phone").val(); //var message = $("textarea#message").val(); var firstName = name; // For Success/Failure Message // Check for white space in name for Success/Fail message if (firstName.indexOf(' ') >= 0) { firstName = name.split(' ').slice(0, -1).join(' '); } $.ajax({ url: "upload_u.php", //data: { // uploadedFile: data, // name: name, // email: email //}, enctype: "multipart/form-data", data: data, type: 'post', processData: false, contentType: false, cache: false, beforeSend: function() { $('#result').html("Loading................................."); }, success: function(){ // Success message $('#result').html(""); $('#success').html("