Отправить дополнительные данные с помощью form_data на ajax

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


    }

Проблема в том, что если я отправляю form_data на ajax вроде 'data: form_data', все работает отлично.Но мне нужно также отправить user_id и office_id с form_data, как указано выше.

Answer 1

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