在dropzone中动态更改URL

时间:2015-11-04 11:00:34

标签: jquery dropzone.js

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

我需要更改每个doctype的网址,不知怎的,我无法绕过它。我检查了这个link,但它不是我想要的。 dropzone容器非常简单(在模态体中):

<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>

这就是我初始化dropzone的方式

$(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查询参数重置网址。

网址没有得到更新,我得到了&#34; dropzone已经附加&#34;错误。请注意,使用此代码,文档将正确上载。只是网址没有得到更新,所有文档都被上传到同一个文件夹中。

1 个答案:

答案 0 :(得分:0)

我可以通过以下方式解决问题:

  • 声明全局变量myDropzone
  • 页面上的
  • 使用默认网址
  • 初始化myDropzone
  • on modal load设置url参数

工作得很好。