javascript - 多个 JqueryFileUpload 实例并停止文档的文件删除

Question

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

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

这是创建 uploader 的 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)});