Javascript Dropzone js在文件上传时在Dropzone框中发布代码

Javascript Dropzone js在文件上传时在Dropzone框中发布代码,javascript,dropzone,Javascript,Dropzone,我正在使用Dropzone JS尝试并实现文件上传。我严格遵循他们的文档,在上传文件之前,一切都很顺利。如果我尝试上传文件,它会垂直堆叠图像,并在一个圆圈中加上复选标记和一个x,而不是像Dropzone js中那样排列。知道它为什么这么做吗 <form method="POST" enctype="multipart/form-data" action="/file-upload" class="dropzone" id="dropzone"> {% csrf_token %

我正在使用Dropzone JS尝试并实现文件上传。我严格遵循他们的文档,在上传文件之前,一切都很顺利。如果我尝试上传文件,它会垂直堆叠图像,并在一个圆圈中加上复选标记和一个x,而不是像Dropzone js中那样排列。知道它为什么这么做吗

<form method="POST" enctype="multipart/form-data" action="/file-upload" class="dropzone" id="dropzone">
    {% csrf_token %}
</form>
<button  type="submit" id="submit">Submit</button>

#dropzone{
    position: absolute;
    left: 10%;
    width: 80%;
    min-height: 30%;
    color: #c5c5c5;
    border: 2px dashed #ccc;
    background-color: #fafafa;
}

{%csrf_令牌%}
提交
#下降区{
位置:绝对位置;
左:10%;
宽度:80%;
最小高度:30%;
颜色:#C5;
边框:2个虚线#ccc;
背景色:#fafafa;
}

除非你能提供一个MCVE,否则这几乎是不可能解决的:我刚刚设置了一个空白的演示,它对我很有效。您没有提到-您正在使用
dropzone.css
?这和你上面展示的样式是页面上唯一的样式吗?是的,我已经修复了。结果我忘了连接dropzone css。谢谢,除非你能提供一个MCVE,否则这几乎是不可能的:我刚刚设置了一个空白的演示,它对我来说很有用。您没有提到-您正在使用
dropzone.css
?这和你上面展示的样式是页面上唯一的样式吗?是的,我已经修复了。结果我忘了连接dropzone css。谢谢