数组添加进formdata,我可以在javascript中将数组附加到'formdata'吗？

I'm using FormData to upload files. I also want to send an array of other data.

When I send just the image, it works fine. When I append some text to the formdata, it works fine. When I try to attach the 'tags' array below, everything else works fine but no array is sent.

Any known issues with FormData and appending arrays?

Instantiate formData:

formdata = new FormData();

The array I create. Console.log shows everything working fine.

// Get the tags

tags = new Array();

$('.tag-form').each(function(i){

article = $(this).find('input[name="article"]').val();

gender = $(this).find('input[name="gender"]').val();

brand = $(this).find('input[name="brand"]').val();

this_tag = new Array();

this_tag.article = article;

this_tag.gender = gender;

this_tag.brand = brand;

tags.push(this_tag);

console.log('This is tags array: ');

console.log(tags);

});

formdata.append('tags', tags);

console.log('This is formdata: ');

console.log(formdata);

How I send it:

// Send to server

$.ajax({

url: "../../build/ajaxes/upload-photo.php",

type: "POST",

data: formdata,

processData: false,

contentType: false,

success: function (response) {

console.log(response);

$.fancybox.close();

}

});

解决方案

How about this?

formdata.append('tags', JSON.stringify(tags));

... and, correspondingly, using json_decode on server to deparse it. See, the second value of FormData.append can be...

a Blob, File, or a string, if neither, the value is converted to a

string

The way I see it, your tags array contains objects (@Musa is right, btw; making this_tag an Array, then assigning string properties to it makes no sense; use plain object instead), so native conversion (with toString()) won't be enough. JSON'ing should get the info through, though.

As a sidenote, I'd rewrite the property assigning block just into this:

tags.push({article: article, gender: gender, brand: brand});