Javascript 动态使用bleuimpjquery文件上载

我正在使用

blueimp

JQuery

fileupload

，但是我希望动态使用它。我的网页上有大约5个元素，当选择一个文件时，每个元素都应该调用javascript函数（自动上传）。下面是基本版本的

bleuimp

JQuery文件上传。我没有使用名为

#fileupload

的div，而是有5个div，ID为

#fileupload1

到

#fileupload5

我想让javascript代码使用单个javascript块为所有5个

#fileupload

id工作。因此，基本上我希望使用下面的代码，但所有5个元素。有没有办法做到这一点？如果有，有人给我举个例子吗？谢谢你的帮助

$(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) {
                $('<p/>').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');
});

$（函数（）{
"严格使用",；
//将此更改为服务器端上载处理程序的位置：
var url=window.location.hostname=='blueimp.github.io'？
“//jquery文件upload.appspot.com/”：“server/php/”；
$（'#fileupload'）。fileupload({
url:url，
数据类型：“json”，
完成：功能（e，数据）{
$.each（data.result.files，函数（索引，文件）{
$（'
'）.text（file.name）.appendTo（'#files'）；
警报（“完成”）；
});
},
progressall：功能（e、数据）{
var progress=parseInt（data.loaded/data.total*100,10）；
$（'#progress.progress bar'）.css(
“宽度”，
进度+“%”
);
}
}).prop（'disabled'，！$.support.fileInput）
.parent（）.addClass（$.support.fileInput？未定义：“已禁用”）；
});

我找到了一个解决方案。也许不是最好的，但到目前为止它对我有效

$('.dp-upload-container').each(function () {
// Code from $(function() { }); here using different ID's and classes dynamically.
});