Динамическое использование загрузки файлов bleuimp jQuery ⇐ Jquery

[Anonymous]

Я использую загрузку файла jQuery blueimp, однако мне хотелось бы использовать его динамически. У меня на веб-странице около 5 элементов, и каждый из них должен вызывать функцию JavaScript (автоматическую загрузку) при выборе файла. Ниже приведена базовая версия загрузки файлов jQuery bleuimp. Вместо использования элемента div с именем #fileupload у меня есть 5 элементов div с идентификаторами от #fileupload1 до #fileupload5.
Я хотел бы получить Код JavaScript, работающий для всех 5 идентификаторов #fileupload, с использованием одного блока JavaScript. Итак, в основном я хочу использовать приведенный ниже код, но для всех пяти элементов. Есть ли способ сделать это?
$(function () {
'use strict';
// Change this to the location of your server-side upload handler:
var url = window.location.hostname === 'blueimp.github.io' ?
'//jquery-file-upload.appspot.com/' : 'server/php/';
$('#fileupload').fileupload({
url: url,
dataType: 'json',
done: function (e, data) {
$.each(data.result.files, function (index, file) {
$('').text(file.name).appendTo('#files');
alert('DONE');
});
},
progressall: function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
$('#progress .progress-bar').css(
'width',
progress + '%'
);
}
}).prop('disabled', !$.support.fileInput)
.parent().addClass($.support.fileInput ? undefined : 'disabled');
});


Подробнее здесь: https://stackoverflow.com/questions/251 ... ile-upload