在Ajax上使用form_data发送其他数据

Question

首先，让我做一个演示，演示我想要实现的行为。

    $('#multiple_files').change(function(){

      var form_data = new FormData();
       for(var i=0; i<files.length; i++)
       {
         form_data.append("file[]", document.getElementById('multiple_files').files[i]);
       }
     if(error_images == '')
     {
       var user_id = 1;
       var office_id = 2;
        $.ajax({
         url:"upload.php",
         method:"POST",
         data: {form_data:form_data, user_id:user_id, office_id:office_id},
         contentType: false,
         cache: false,
         processData: false,
         beforeSend:function(){
            $('#error_multiple_files').html('<br /><label class="text-primary">Uploading...</label>');
         },   
         success:function(data)
         {
          $('#error_multiple_files').html('<br /><label class="text-success">Uploaded</label>');
               load_image_data();
          console.log(data);
         }
   });
  }


    }

这里的问题是，如果我在像'data：form_data'这样的ajax上发送form_data，一切都会正常。但是我也需要发送user_id和office_id以及上述代码的form_data。

Answer 1

form_data.append('user_id', user_id);
form_data.append('office_id', office_id);