Добавление поля заголовка в каждый отдельный файл при загрузке файла Jquery?

Question

Использование загрузки файла Jquery от Blueimp Я бы хотел добавить поле заголовка для каждого загруженного файла. Так что, как только файл был загружен, после каждого файла было добавлено текстовое поле для заголовка. Я не понимаю документацию, представленную 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

Я решил. U может найти информацию о конфигурации в скрипте (id: template-upload). Каждый тд предназначен для автоматического создания элемента. Таким образом, вы можете поместить в них «Title:».

Вторая часть JS, которую я опубликовал, предназначена для отправки данных формы. Вы можете поместить их в тело html.