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

Question

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

这是我正在处理的页面：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

如文档中所述，您必须指定一个 dropZone，否则它是整个文档。你应该改变这一行：

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

到

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