sending values file and text inputs together with ajax to 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);
    }
  });
}

Possible duplicate of [How to use FormData for ajax file upload](https://stackoverflow.com/questions/21044798/how-to-use-formdata-for-ajax-file-upload) — Louys Patrice Bessette, Jun 22 '17 at 13:54
@nevzat-uz Try `data:$("#user_update_form").serialize()` insteadof `data:form_data ` — Hariharan, Jun 22 '17 at 13:55
Just add `form` on this line `var form_data = new FormData(form);`. — Louys Patrice Bessette, Jun 22 '17 at 13:56

score 0 · Accepted Answer · answered Jun 22 '17 at 13:56

0

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);
        }
    });
}

answered Jun 22 '17 at 13:56

Prabu T

27
3

thanks for your response. I just changed var form_data = new FormData(this); "this" to "form" and it worked. – Nevzat Uz Jun 22 '17 at 14:13

score 0 · Answer 2 · answered Jun 22 '17 at 13:59

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);
        }
    });
}

sending values file and text inputs together with ajax to php

2 Answers2