Dropzone无法使用表单元素

时间:2015-08-18 19:45:12

标签: javascript dropzone.js

我有这种形式:

    <form role="form" method="post" action="pridat_nehn.php" enctype="multipart/form-data">
        <label>Časť mesta / obce</label>
        <input class="form-control" name="city_part" placeholder="Zadajte časť mesta alebo obce.">
         <button type="submit" id="submit-all" class="btn btn-primary">Pridať nehnuteľnosť</button>
    </form>

我javascript:

     Dropzone.autoDiscover = false;

     Dropzone.options.addProperty = { // The camelized version of the ID of the form element

        url: "pridat_nehn.php", 
        autoProcessQueue: false,
        parallelUploads: 15,
        maxFiles: 15,
        uploadMultiple: true,
        previewsContainer: ".dropzone-previews",
        dictDefaultMessage: "Vložte obrázky.",


      // The setting up of the dropzone
      init: function() {
        var myDropzone = this;

         $("#submit-all").click(function (e) {

            e.preventDefault();
            e.stopPropagation();
            myDropzone.processQueue();
            }
        );
      }
     }

但我无法点击dropzone区域并选择文件。它什么都不做。我可以使用元素数据提交表单。但是当我评论出来时

Dropzone.autoDiscover = false;

我可以选择图片,但点击提交不会做任何事情。

我做错了什么?有什么建议吗?

1 个答案:

答案 0 :(得分:0)

您的脚本未被调用,因为您没有将id="add-propert"添加到表单中,该表单稍后用于将自定义Dropzone归因于给定元素。