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

时间:2015-11-06 03:27:29

标签: jquery file upload blueimp

使用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();
});

非常感谢。

1 个答案:

答案 0 :(得分:0)

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

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