Javascript 单个页面中的多个Dropzone
我正在使用Dropzone,但没有创建Dropzone表单。这样对我来说很有用 但是在这种情况下,我不能在我的页面中创建Dropzone的另一个实例Javascript 单个页面中的多个Dropzone,javascript,file-upload,dropzone.js,Javascript,File Upload,Dropzone.js,我正在使用Dropzone,但没有创建Dropzone表单。这样对我来说很有用 但是在这种情况下,我不能在我的页面中创建Dropzone的另一个实例 var myDropzone1 = new Dropzone( document.body, { url : "upload1"... . . . some parameters }; var myDr
var myDropzone1 = new Dropzone(
document.body,
{
url : "upload1"...
.
.
. some parameters
};
var myDropzone2 = new Dropzone(
document.body,
{
url : "upload'"...
.
.
. some parameters
};
当我这样做时,我得到的错误是已经附加了Dropzone。这是可能的,但是您不能像以前那样在同一个元素上绑定第二个dropdzone。一个元素上有两个DropZone毫无意义。解决方案atm中的2x document.body。试试这个 HTML:
我想在这里添加一些东西,因为我在同一页面上遇到了多个DropZone的问题 在您的init代码中,如果放置引用,您必须记住包含var,否则它不会处理dropzone的这个实例,而是试图访问/关联其他实例 简单的javascript,但有很大的不同
init: function(){
var dzClosure = this;
$('#Btn').on('click',function(e) {
dzClosure.processQueue();
});
我是否需要创建两个不同的dropzone表单来处理此问题?我可以放置什么来代替“document.body”?我收到此错误:“未捕获错误:dropzone已附加”。禁用自动发现,您就可以了。如果内容是动态的,该怎么办?所以有时候我可能有两到三个DropZone:)asp.net站点只是忽略了标记。
var myDropzoneTheFirst = new Dropzone(
//id of drop zone element 1
'#a-form-element', {
url : "uploadUrl/1"
}
);
var myDropzoneTheSecond = new Dropzone(
//id of drop zone element 2
'#an-other-form-element', {
url : "uploadUrl/2"
}
);
init: function(){
var dzClosure = this;
$('#Btn').on('click',function(e) {
dzClosure.processQueue();
});