在ajax中发送文件和多个字段值

Question

Currently using this:

    function acceptimage() {
      var data = new FormData();
      jQuery.each($('#uploadImage')[0].files, function(i, file) {
          data.append('uploadImage-'+i, file);
      });

      $.ajax({
        url: 'upload.php',
        data: data,
        cache: false,
        contentType: false,
        processData: false,
        type: 'POST',
        success: function(data){
          alert(data);
          popup('popUpDiv');
          ias.cancelSelection();
          ias.update();
        }
      });
    };

And it's sending my file perfectly, but I need to send 4 field values along with it. Could anyone let me know how I post:

<input type="hidden" id="x" name="x" />
<input type="hidden" id="y" name="y" />
<input type="hidden" id="w" name="w" />
<input type="hidden" id="h" name="h" />

Along with the file? Many thanks

Answer 1

function acceptimage() {
    var data = new FormData();
    jQuery.each($('#uploadImage')[0].files, function(i, file) {
    data.append('uploadImage-'+i, file);
    data.append('x', $("#x").val());
    data.append('y', $("#y").val());
    data.append('w', $("#w").val());
    data.append('h', $("#h").val());
});

$.ajax({
    url: 'upload.php',
    data: data,
    cache: false,
    contentType: false,
    processData: false,
    type: 'POST',
    success: function(data){
    alert(data);
    popup('popUpDiv');
    ias.cancelSelection();
    ias.update();
}
}); 
};