发送值文件和文本输入以及Ajax到php

Question

I have a form and it has text inputs and file input for upload an image. I tried to send values to my php page but i couldnt do it. Here is my ajax codes.

function sendval() {
  var form = $('#user_update_form')[0];
  var form_data = new FormData();

  $.ajax({
    type: 'POST',
    url: 'user_update.php',
    processData: false,
    data: form_data,
    success: function(msg) {
      $('#updtalert').html(msg);
    }
  });
}

Answer 1

You should add from ajax inside this code

function sendval(){
    var form = $('#user_update_form')[0];
    var form_data = new FormData(this); 
    $.ajax({
        type:'POST',
        url:'user_update.php',
        processData: false,
        cache:false,
        contentType: false,
        data:form_data,
        success: function (msg) {
            $('#updtalert').html(msg);
        }
    });
}

Answer 2

Try below code :

function sendval(){
    var form = $('#user_update_form')[0];
    var form_data = new FormData(form); 
    $.ajax({
        type:'POST',
        url:'user_update.php',
        processData: false,
        contentType:  false,
        data:form_data,
        success: function (msg) {
            $('#updtalert').html(msg);
        }
    });
}