如何使用JavaScript将文件上载路径附加到表单？

下面是我拥有的一些jQuery/JavaScript代码，用于处理我拥有的表单上的文件上传。用户可以根据需要上传任意多的文件，上传文件后，我会在Div中显示上传文件的预览图像

我需要帮助的是，我需要以某种方式将上传的文件添加到一个隐藏的表单字段中，这样当他们提交表单时，它会将与其他表单数据一起上传的每个文件的文件名/路径发布到我的后端PHP脚本中

我只是不确定最好的方法是什么

我在想这样的事情可能有用

但我不确定，如果有超过1次的上传，每次添加新文件时，这是否会覆盖以前的值

有没有办法处理这个问题？我真正需要的是在表单提交后在后端访问每个上传文件的文件名

jQuery(function () {
    jQuery('#fileupload').fileupload({
        url: '<?php echo Mage::getUrl('signwizard/index/saveFile') ?>',
        sequentialUploads: true,
        dataType: 'json',
        dropZone: jQuery('#dropzone'),
        pasteZone: jQuery(document),
        autoUpload: true,

        done: function (e, data) {
            jQuery.each(data.result.files, function (index, file) {
                jQuery('<div/>').html('<img src="/channelUploads/thumbnail/'+file.name+'"> '+file.name).appendTo(jQuery('#imageContainer'));


                // Add Uploaded image path and name to a Form field so thatr the file path will be posted when the Form is submitted.....

            });
        }
    });
});

jQuery（函数（）{
jQuery（“#fileupload”）.fileupload({
url:“”，
顺序上传：正确，
数据类型：“json”，
dropZone:jQuery（“#dropZone”），
pasteZone:jQuery（文档），
自动上传：对，
完成：功能（e，数据）{
每个（data.result.files，函数（索引，文件）{
jQuery（“”）.html（“”+file.name）.appendTo（jQuery（'#imageContainer'）；
//将上载的图像路径和名称添加到表单字段，以便在提交表单时发布文件路径。。。。。
});
}
});
});

要详细说明我的评论，只要您为每个文件添加一个新的输入，就可以：

done: function (e, data) {
    jQuery.each(data.result.files, function (index, file) {
         jQuery('<div/>').html('<img src="/channelUploads/thumbnail/'+file.name+'"> '+file.name).appendTo(jQuery('#imageContainer'));

         jQuery('#yourformid').append('input type="hidden" name="uploads[]" value="'+file.name+'">');

     });
}

done:函数（e，数据）{
每个（data.result.files，函数（索引，文件）{
jQuery（“”）.html（“”+file.name）.appendTo（jQuery（'#imageContainer'）；
jQuery（'#yourformid'）.append（'input type=“hidden”name=“uploads[]”value=“”+file.name+”>）；
});
}

您建议的输入应该可以正常工作*-您试过了吗*您不应该复制id，可能应该使用type=“hidden”