Question

使用Blueimp的Jquery文件上传我想为每个上传的文件添加标题字段。因此，一旦上传文件，就会在每个文件下方添加标题文本框。我不理解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();
});

非常感谢。

Answer 1

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

我发布的第二个JS部分用于提交表单数据。你可以将它们放在html体内。

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

1 个答案: