Puis-je ajouter un tableau à 'formdata' en javascript?

Je suis en utilisant FormData de téléchargement de fichiers. Je tiens également à envoyer une série d'autres données.

Lorsque j'envoie juste une image, il fonctionne très bien. Quand j'ai ajouter du texte à la formdata, il fonctionne très bien. Lorsque je tente de joindre le "tags" tableau ci-dessous, tout le reste fonctionne bien, mais aucun tableau n'est envoyé.

Les problèmes connus avec FormData et en ajoutant des tableaux?

Instancier formData:

formdata = new FormData();

Le tableau, j'créer. Console.journal montre que tout fonctionne bien.

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

Comment je l'envoyer:

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

source d'informationauteur Don P

  1. 21

    Comment à ce sujet?

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

    ... et, en conséquence, à l'aide de json_decode sur le serveur pour deparse. Voir, la seconde valeur de FormData.ajouter peut-être...

    un Blob, un Fichier ou une chaîne de caractères, si ni, la valeur est convertie en une
    chaîne

    La façon dont je le vois, votre tags le tableau contient des objets (@Moussa est le droit, btw; faire this_tag un Tableau, puis à assigner des propriétés de la chaîne d', il n'a pas de sens; l'utilisation de la plaine de l'objet au lieu de cela), alors natif de conversion (avec toString()) ne sera pas assez. JSON qui pratiquent devraient obtenir de l'information à travers, cependant.

    Au passage, j'aimerais réécrire la propriété attribution de bloc juste en ceci:

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

    L'écriture comme 

    var formData = new FormData;
var array = ['1', '2'];
for (var i = 0; i < array.length; i++) {
    formData.append('array_php_side[]', array[i]);
}

    vous pouvez recevoir comme tableau normal post/get par php.

  3. 8

    utilisation "xxx[]" que le nom du champ dans formdata (vous obtiendrez un tableau de stringified objets - dans votre cas)

    dans votre boucle

    $('.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);    
            formdata.append('tags[]', this_tag);
...
  4. 3

    Fonction:

    function appendArray(form_data, values, name){
    if(!values && name)
        form_data.append(name, '');
    else{
        if(typeof values == 'object'){
            for(key in values){
                if(typeof values[key] == 'object')
                    appendArray(form_data, values[key], name + '[' + key + ']');
                else
                    form_data.append(name + '[' + key + ']', values[key]);
            }
        }else
            form_data.append(name, values);
    }

    return form_data;
}

    Utilisation:

    var form = document.createElement('form');//or document.getElementById('my_form_id');
var formdata = new FormData(form);

appendArray(formdata, {
    'sefgusyg': {
        'sujyfgsujyfsg': 'srkisgfisfsgsrg'
    }, test1: 5, test2: 6, test3: 8, test4: 3, test5: [
        'sejyfgjy',
        'isdyfgusygf'
    ]
});