【问题标题】:In a Blueimp jQuery file upload, setting dropzone to a div not working在 Blueimp jQuery 文件上传中,将 dropzone 设置为 div 不起作用
【发布时间】:2026-01-11 05:20:03
【问题描述】:

我正在尝试使用它创建用户控件,但在将 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 + '%'
        );
    }
});
} 

【问题讨论】:

标签: jquery asp.net jquery-file-upload webusercontrol


【解决方案1】:

一切都很好,除了“dropzone”,它应该是 dropZone。

【讨论】: