在 Blueimp jQuery 文件上传中，将 dropzone 设置为 div 不起作用

Question

我正在尝试使用它创建一个用户控件，但是在将 Div 设置为放置区时遇到问题。根据 api，我应该设置目标div 的 jQuery 对象并添加 preventDefault(( 方法以避免将整个文档作为拖放区域并将选定区域作为放置区。

下面我用来使其工作的代码

function OnDocumentLoad(dropZoneElementId) {
Initialize(dropZoneElementId);
$(document).bind('drop dragover', function (e) {
e.preventDefault();
});
}
function Initialize(dropZoneElementId) {
$('#genericFileUploader').fileupload({
dataType: 'json',
dropzone: dropZoneElementId,
done: function (e, data) {
$.each(data.result.files, function (index, file) {
$('<p/>').text(file.name).appendTo(document.body);
});
},
progressall: function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
$('#progress .bar').css(
'width',
progress + '%'
);
}
});
} 

Answer 1

除了"dropzone"之外一切都很好，它应该是dropZone。