多个JqueryFileUpload实例＆amp;停止文件的文件丢弃

Question

我已经设置了一个页面，通过单击按钮可以添加多个jQuery文件上载插件实例。我遇到的问题是当你将文件拖到其中一个实例时，它会将它们添加到所有实例中。我添加了开发人员建议的代码以防止这种情况发生，但它似乎没有任何效果（虽然函数被调用，我将它记录到控制台。）

这是我正在处理的页面： http://bwobst.clients.thomporter.com/upload.html

以下是创建上传者的JavaScript文件： http://bwobst.clients.thomporter.com/upload.js

或者，如果您愿意，可以使用CoffeeScript： http://bwobst.clients.thomporter.com/upload.coffee

仅供参考，这是开发人员建议使用的代码：

$(document).bind('drop dragover', function(e) {
  e.preventDefault();
});

正如我所说，我尝试向它添加一个console.log，当我将文件拖到窗口时确实被调用了，但e.preventDefault()似乎没有效果。

Answer 1

如documentation所述，你必须指定一个dropZone，否则就是整个文件。 你应该改变这一行：

$('#uploader' + uploaderCount).fileupload();

到

$('#uploader' + uploaderCount).fileupload({dropZone:$('#uploader' + uploaderCount)});