Javascript Dropzone不单击也不工作

我的Dropzone无法单击且无法工作

我已经看了其他的主题，但是我没有得到问题的正确答案

这是我的密码：

<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename=dropzone_css) }}"/>
<script src="{{ url_for('static', filename=dropzone_js) }}"></script>

<div class="text-center">
    <div id="dropzone" class="m-3" style="max-width: 720px; display:none;">
        <form action="#" class="dropzone needsclick dz-clickable" id="demo-upload">
          <div class="dz-message needsclick">
            <button type="button" class="dz-button">
                <font style="vertical-align: inherit;">
                    <font style="vertical-align: inherit; font-size: large;">test, test, test,test, test</font>
                </font>
            </button>
          </div>
        </form>
    </div>
    <div class="conteudo_envia_zona m-4" style="display:none">
    </div>
</div>

测试，测试，测试，测试，测试

---

我应该怎么做？

有必要在jquery中创建dropzone实例：

$("#demo-upload").dropzone();

---

详情如下：

首先，不清楚为什么要设置dropzone div元素的css属性display:none：

<div id="dropzone" class="m-3" style="max-width: 720px; display:none;">

我使用了你的代码，它对我来说没有任何问题：

我对设置div元素的display:block属性和 本地绑定Dropzone JS和CSS文件

我相信你的问题是，Dropzone文件没有正确加载。 请打开浏览器的“开发人员工具”窗口并检查是否有

---

“console”选项卡上出现一些错误。

您需要做的第一件事是在浏览器中打开devtools并检查需要调试的错误。我在控制台上发现此错误：[弃用]主线程上的Synchronous XMLHttpRequest已弃用，因为它会对最终用户的体验造成有害影响。如需更多帮助，请查看。window.XMLHttpRequest.open jquery.min.js:2[Violation]“load”处理程序花费了238ms jquery.min.js:2[Violation]“setTimeout”处理程序花费了1292mst这不是控制台上的错误。这只是一个关于同步Ajax请求的弃用警告。同步ajax调用会阻止JavaScript运行时。如果同步Ajax请求花费的时间太长，用户将无法在此时间内与用户界面交互。1.另一个问题是，您确定id为=“dropzone”的包装器DIV的css属性“display；none”是正确的吗？我会先删除这个css属性。2.然后请检查您的链接和脚本标记是否正确呈现，以便dropzone.css和dropzone.js文件被绑定。不，它不一定以编程方式生成实例。默认情况下，dropzone选项“自动发现”设置为true。然后，css类为“dropzone”的所有页面元素都转换为dropzone实例。请参阅dropzone网页上的配置部分。我相信您的渲染引擎没有正确渲染，或者dropzone文件不在预期的位置。