Dropzone - 未捕获错误:未提供URL

Question

在使用Dropzonejs上传文件后,我无法弄清楚如何获取JSONresponse.

我有这个:

<script src="{% static "dropzone/dropzone.js" %}"></script>

<form id="id_dropzone" class="dropzone" action="/ajax_file_upload_handler/"
              enctype="multipart/form-data" method="post"></form>

我认为没有手动初始化dropzone是不可能的,所以我将其更改为:

$("#id_dropzone").dropzone({
                maxFiles: 2000,
                url: "/ajax_file_upload_handler/",
                success: function (file, response) {
                    console.log(response);
                }
            });


<form id="id_dropzone" class="" action=""
              enctype="multipart/form-data" method="post"></form>

哪个回归 Uncaught Error: No URL provided.

如何初始化dropzone以便我可以添加maxFiles,maxSize等选项并获取JSON响应？

Answer 1

Dropzone连接到对象时没有提供任何URL,而不是:

• 表单上的action属性,告诉dropzone要发布的位置
• 特定dropzone的配置

我敢打赌,你有一个竞争条件,Dropzone在你配置它之前将它自己附加到一个元素上.确保您的配置直接在JS导入之后,或者您Dropzone.autoDiscover = false;明确设置和实例化Dropzone.

请查看此处了解更多信息.

<script src="{% static "dropzone/dropzone.js" %}"></script>

<script type="text/javascript">

   Dropzone.autoDiscover = false;

   $(document).ready(function () {
        $("#id_dropzone").dropzone({
            maxFiles: 2000,
            url: "/ajax_file_upload_handler/",
            success: function (file, response) {
                console.log(response);
            }
        });
   })

</script>

<form id="id_dropzone" 
      class="dropzone" 
      action="/ajax_file_upload_handler/"
      enctype="multipart/form-data" 
      method="post">
</form>