在 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.

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

In a Blueimp jQuery file upload, setting dropzone to a div not working

asp.net

jquery

webusercontrol

jquery-file-upload