Send FormData + js variable by Ajax

Question

I have this Ajax to send multiple images:

$('#btn').on("click", function () {
        var formData = new FormData($("#form1")[0]);
        var path = "php/upload/adm_prodpictures.php";
        $.ajax({
            url: path,
            type: "POST",
            data: formData,
            contentType: false,
            processData: false,
            success: function (stuff) {
                $("#resp").html(stuff);
            }
        });
    });
});

I have to process this images in the php-side and insert them in a mysql db. So to insert in the proper way, I have to send a javascript variable. How can I append this variable to the 'bundle' that is sent?

SiZE · Accepted Answer · 2016-02-20 06:32:13Z

4

To append param just use append() method:

formData.append("param", "value");

answered Feb 20, 2016 at 6:32

SiZE

2,2671 gold badge16 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Pablo De Luca Over a year ago

I've just found the solution but thanks anyway. This is exactly what I did :)

Pablo De Luca · Accepted Answer · 2016-02-20 06:33:36Z

3

Solved. I add:

formData.append('ipid',id);

So finally my ajax is:

$('#btn').on("click", function () {
        var formData = new FormData($("#form1")[0]);
        formData.append('ipid',id); //id is the variable that has the data that I need
        var path = "php/upload/adm_prodpictures.php";
        $.ajax({
            url: path,
            type: "POST",
            data: formData,
            contentType: false,
            processData: false,
            success: function (stuff) {
                $("#resp").html(stuff);
            }
        });
    });
});

And in the php-side I catch it:

$pid = ($_POST['ipid']);

answered Feb 20, 2016 at 6:33

Pablo De Luca

8233 gold badges16 silver badges31 bronze badges

Collectives™ on Stack Overflow

Send FormData + js variable by Ajax

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related