Question 246590 in Ajax Question posted in
You can find the official documentation here.

Jquery ajax – can I send a list of objects including images using FormData object from view to the controller by ajax call?

I have a list of forms including image files and collect them using jquery and try to send them to the controller, I tried to send one form that included an image, and working fine, but when I send the list, not work

Tags:

2

Answers


  1. 0

    Yes, you can send a list of objects including images using the FormData object from view to the controller by an AJAX call.

    To do this, you can create a new instance of the FormData object, append each form in the list to the FormData object, and then send the FormData object through an AJAX call to the controller.

    Here is an example that demonstrates how to do it:

    // Create a new instance of the FormData object
var formData = new FormData();

// Iterate over each form in the list
$('form').each(function() {

  // Append the form data to the FormData object
  var form = $(this)[0];
  var formdata = new FormData(form);
  
  formData.append('forms[]', formdata);
});

// Send the FormData object through an AJAX call to the controller
$.ajax({
  url: 'your_controller_url',
  type: 'POST',
  data: formData,
  contentType: false,
  processData: false,
  success: function(response) {
    // Handle the response from the controller
  },
  error: function(error) {
    // Handle any errors that occur during the AJAX call
  }
});
    Login or Signup to reply.
  2. 0

    You can make it as the following example:

    const formData = new FormData();

formData.append('email',this.formObj.email);

    for (let i = 0; i < this.formObj.Attachments.length; i++) {

    formData.append(`files[${i}].property1`, 
        this.formObj.Attachments[i].property1);

    formData.append(`files[${i}].property2`, 
        this.formObj.Attachments[i].property2);

    formData.append(`files[${i}].file`, 
        this.formObj.Attachments[i].file, 
        this.formObj.Attachments[i].file.name);
}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search