What Are Some Ways To Add Meta Informational Inputs To File Upload?

I have a jQuery call to add and remove file inputs dynamically, so that a user can add as many attachments as necessary before submitting the the form. I can add and remove attachm

Solution 1:

Simple option is to keep a counter var in your JS code, and use that counter as the array index in your field names:

e.g.

var fields_displayed = 0;

$("button#add-another-row").click(function(){
    fields_displayed++;
    var newRow  = "<div class='new-attachment-row'>";
        newRow += "<input name='attachments[" + fields_displayed + "]' type='file' /><br />";

                                            ^^^^^^^^^^^^^^^^^^^^^^^^---add this

PHP will honor your array keys, if they're valid key values. Then you can use the SAME array key in your other input fields, so that foo[1] matches up with bar[1] and baz[1] in the other input fields.