Dropzone 不点击也不工作

Question

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

我该怎么办？

Answer 1

需要在 jquery 中创建一个 dropzone 实例：

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

详情请见：https://www.dropzonejs.com/#create-dropzones-programmatically

Answer 2

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

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

我使用了您的代码，它对我有用，没有任何问题： Your Dropzone on my localhost

我所做的唯一更改是设置 div 元素的 display:block 属性和 在本地绑定 Dropzone JS 和 CSS 文件。

我相信您的问题是，Dropzone 文件未正确加载。 请打开浏览器的开发者工具窗口，查看是否有 “控制台”选项卡上的一些错误。