javascript - 有哪些方法可以将元信息输入添加到文件上传？

Question

我有一个 jQuery 调用来动态添加和删除文件输入，以便用户可以在提交表单之前根据需要添加尽可能多的附件。我可以根据需要添加和删除附件。

 //New Attachments      
    $("button#add-another-row").click(function(){
        var newRow  = "<div class='new-attachment-row'>";
            newRow += "<button class='delete-btn'>Delete </button>";
            newRow += "<input name='attachments[]' type='file' /><br />";
            newRow += " OK for Customer:<input name='okForCustomer[]' type='checkbox' /></div>";
        $("#attachments-cell").prepend(newRow);

        return false;
    });

每个文件都应该有 Ok/Not Ok for Customer 存储在数据库中，我将使用它来确定可以在何处向我的用户显示此文件。

如何编写 javascript 以便附件数组绑定(bind)到 ok/not okay 数组？我必须使用多维数组吗？语法是什么？

我正在使用 PHP/MySQL 后端来处理 POST 值。

Answer 1

简单的选择是在您的 JS 代码中保留一个计数器变量，并将该计数器用作字段名称中的数组索引:

例如

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 将尊重您的数组键，如果它们是有效的键值。然后您可以在其他输入字段中使用 SAME 数组键，以便 foo[1] 与 bar[1] 和 baz[1] 在其他输入字段中。