jQuery:Dropzone.js在bootstrap模式中不起作用

时间:2016-09-28 06:20:50

标签: javascript jquery dropzone.js

在我的bootstrap模式中,我有一个div面板,这是我的dropzone形式,每次我试图点击模态没有显示。如果在模态之外,它正常工作。我也尝试Dropzone.autoDiscover = false;无效。

<div class="panel-body" id="id_dropzone">
   <form action="UploadImages"
                          class="dropzone"
                          id="my-awesome-dropzone" enctype="multipart/form-data">
                    </form>
</div>

JS

$(document).on('click','#add_newContestant', function(e){
    e.preventDefault();
    Dropzone.autoDiscover = false;
    var myDropzone = new Dropzone("div#id_dropzone", { url: 'UploadImages'});
});

1 个答案:

答案 0 :(得分:0)

尝试这种方式,在这里我没有使用Dropzone.autoDiscover = false;

// "myAwesomeDropzone" is the camelized version of the HTML element's ID
Dropzone.options.myAwesomeDropzone = {
  paramName: "file", // The name that will be used to transfer the file
  maxFilesize: 2, // MB
  accept: function(file, done) {
    if (file.name == "anything.jpg") {
      done("false");
    }
    else { done(); }
  }
};

Dropzone.options.myAwesomeDropzone = {
        paramName: "file",
        maxFilesize: 10,
        url: 'UploadImages',
        previewsContainer: "#dropzone-previews",
        uploadMultiple: true,
        parallelUploads: 5,
        maxFiles: 20,
        init: function () {
            var cd;
            this.on("success", function (file, response) {
                $('.dz-progress').hide();
                $('.dz-size').hide();
                $('.dz-error-mark').hide();
                console.log(response);
                console.log(file);
                cd = response;
            });

              .......

请检查这个小提琴Dropzone in Modal。我想这会对你有帮助