为什么我的dropzonejs文件上传看起来像这样？

Question

我的掉落区有什么问题吗？ 怎么会这样奇怪呢？

我们如何修复它？

check和X图标是这样的，并且没有进度条？

这是我的 HTML ：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.2.0/dropzone.css">

    <div  id="drop_zone_box">
        <div id="preview-container"></div>
    </div> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.2.0/dropzone.js"</script>
<script src="{{ url_for('static', filename='profile/scripts/profile.js') }}"></script>

profile.js 的内容：

$(function() {

 var dropZone = new Dropzone("#drop_zone_box",{
            url: "/",
            previewsContainer:"#preview-container",
            addRemoveLinks: true,
            autoDiscover: false,
            clickable: true,
            autoProcessQueue:false,

        });
})

Answer 1

结果。您需要将dropzone类添加到要成为dropzone的html元素

所以只需添加dropzone类

即可

<div  id="drop_zone_box" class="dropzone>
    <div id="preview-container"></div>
</div> 

它会起作用

我的印象是您不需要，因为您在js文件中创建了一个dropzone对象来初始化dropzone