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

时间:2014-01-11 03:45:53

标签: javascript php jquery ajax

目前使用此:

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

它正在完美地发送我的文件,但我需要发送4个字段值。任何人都可以告诉我如何发布:

<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" />

随着文件?非常感谢

1 个答案:

答案 0 :(得分: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();
}
}); 
};