通过 Jquery File Upload 向每个单独的文件添加标题字段？答案

【问题标题】：Adding Title field to each individual file by Jquery File Upload?通过 Jquery File Upload 向每个单独的文件添加标题字段？
【发布时间】：2015-11-06 03:27:29
【问题描述】：

使用 Blueimp 的 Jquery File Upload 我想为每个上传的文件添加一个标题字段。这样，一旦上传了文件，就会在每个文件下方添加一个标题文本框。我不理解 Blueimp API 支持的文档。

https://github.com/blueimp/jQuery-File-Upload/wiki/How-to-submit-additional-form-data

我不知道把这些代码放在哪里：

<script id="template-upload" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
    <tr class="template-upload fade">
        <!-- ... -->
        <td class="title"><label>Title: <input name="title[]" required></label></td>
        <!-- ... -->
    </tr>
{% } %}
</script>

$('#fileupload').bind('fileuploadsubmit', function (e, data) {
    var inputs = data.context.find(':input');
    if (inputs.filter(function () {
            return !this.value && $(this).prop('required');
        }).first().focus().length) {
        data.context.find('button').prop('disabled', false);
        return false;
    }
    data.formData = inputs.serializeArray();
});

非常感谢。

【问题讨论】：

标签： jquery file upload blueimp

【解决方案1】：

我已经解决了。你可以在脚本中找到配置信息（id:template-upload）。每个 td 用于自动生成项目。所以你可以把“标题：”放在这些里面。

我发布的第二个JS部分是提交表单数据。您可以将这些放在 html 正文中。

【讨论】：