2015-11-04 178 views
0

我有一个dropzone模块中的容器。我想从15 - 20个链接访问同一页上的相同模式,以上传不同类型的文档(由data-doctype标识)。在dropzone动态更改网址

我需要更改每个DOCTYPE的网址,并且不知何故我无法绕过它。我已经检查了这个link,但它不是我正在寻找的。悬浮窗容器是非常微不足道的(在模体):

<div id="docUpload" class="dropzone"> 
    <div class="dz-default dz-message"> 
      Click to select document to upload 
     </div> 
</div> 

这就是我所说的模式

<a data-target="#identityModal" data-toggle="modal" data-doctype="dl" class="fa fa-paperclip docLink"></a> 
<a data-target="#identityModal" data-toggle="modal" data-doctype="voter" class="fa fa-paperclip docLink"></a> 

我这是如何初始化的悬浮窗

$(document).on("click", ".docLink", function() { 

    Dropzone.autoDiscover = false; 

    var myDropzone = new Dropzone("#docUpload", { 
     url: "../hn_SimpeFileUploader.ashx?doctype=" + $(this).data('doctype'), 
     maxFiles: 2, 
     addRemoveLinks: false, 
     success: function (file, response) { 
      var imgName = response; 
      file.previewElement.classList.add("dz-success"); 
     }, 
     error: function (file, response) { 
      file.previewElement.classList.add("dz-error"); 
     } 
    }); 
}); 

我需要根据点击的链接使用doctype查询参数重置网址。

URL没有得到更新,我得到“dropzone already attached”错误。请注意,通过此代码,文档已正确上传。它的URL只是没有得到更新,所有的文档都上传到同一个文件夹中。

+0

我认为这将更容易在服务器端完成。 – wallek876

回答

0

我可以通过以下操作解决问题:用默认的URL

  • 模态负载

    • 声明一个全局变量myDropzone
    • 在页面加载初始化myDropzone设置URL参数

    工作得很好。