Dropzone - 未捕获的错误：未提供 URL

Posted 2023-03-05

【中文标题】Dropzone - 未捕获的错误：未提供 URL

【英文标题】：Dropzone - Uncaught Error: No URL provided

【发布时间】：2017-06-19 06:30:36

【问题描述】：

使用 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 响应？

【问题讨论】：

您想添加什么样的选项？它不清楚你要求什么。一个选项可能就是一切。

maxFiles 等选项。但主要问题是捕捉响应。

您现在在console.log(response); 附近收到回复，那么它有什么问题？

除了错误之外没有任何记录，所以我找不到一些问题。

【参考方案1】：

当 Dropzone 附加到一个没有任何一个的对象时，不提供 URL：

表单上的一个动作属性，告诉 dropzone 在哪里发帖 特定 dropzone 的配置

我敢打赌，您有一个竞态条件，即 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>

【讨论】：

但是提交的时候文件是空的