Dropzone - Uncaught Error: No URL provided

Question

我不知道如何在使用 Dropzonejs 上传文件后获得 JSON响应。

我只有这个：

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

哪个returnUncaught Error: No URL provided.

如何初始化 dropzone 以便我可以添加诸如 maxFiles、maxSize 之类的选项并获得 JSON 响应？

Answer 1

不提供 URL 当 Dropzone 附加到对象时没有提供：

表单上的一个动作属性，告诉 dropzone post
特定空降区的配置

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

查看 here 了解更多信息。

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

Dropzone - Uncaught Error: No URL provided

Dropzone - Uncaught Error: No URL provided

html

javascript

ajax

jquery

dropzone.js