Jquery MultiFileUpload с описанием файла

Question

Я искал мультифайловую загрузку jquery с описанием файла, которое также идет вместе с ним.

Я нашел примеры, как

pluupload

uploadify

https://blueimp.github.io/jQuery-File-Upload/

Но я не могу найти ни в одном из загрузчиков, где я могу дать описание для конкретного файла?

Если кто-то сталкивался с такими загрузчиками с описанием файла или любым загрузчиком файлов, где, как я могу расширить, чтобы использовать описание файла

Answer 1

Используя dropzone или blueimp, добавить поля в обработчик загрузки довольно просто.

Вот скелет одного из моих сценариев Dropzone с дополнительными данными поста

Функция.bind () - это место, где поля добавляются в отправку.

    
    
    $('#drop_zone_outer_div').fileupload({


// This element will accept file drag/drop uploading
autoUpload: true,
dropZone: $('#drop_div_id'),
limitMultiFileUploads:1,
maxNumberOfFiles: 1,
fileInput: $('#input_field_id'),
url: 'url_to_file',
dataType: 'text',

// This function is called when a file is added to the queue;
// either via the browse button, or via drag/drop:
add: function (e, data) {

var tpl = $('<li class="working"><p></p></li>');

// Append the original file name and file size
tpl.find('p').text("Submitted File: " + data.files[0].name).append('  <i>' + formatFileSize(data.files[0].size) + '</i>');

// Add the HTML to the UL element
data.context = $(ul).html(tpl);


// upload the file on btn click
$('#btnSubmit').click(function(){
var jqXHR = data.submit();})
},

progressall: function (e, data) {
},
done: function(e, data){

}
}).bind('fileuploadsubmit', function (e, data) {
data.formData = {
name: $('#upload_name_input').val(),
comment: $('#comment_id').val(),
other: $('#other_input').val()
};
});

</script>
</code>
</pre>