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

Posted 2023-02-25

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

【英文标题】：Adding Title field to each individual file by 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();
);

非常感谢。

【参考方案1】：

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

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