Dropzone.js全屏dropzone不工作答案

【问题标题】：Dropzone.js fullscreen dropzone not workingDropzone.js全屏dropzone不工作
【发布时间】：2020-12-09 00:28:48
【问题描述】：

我正在尝试使用 Dropzone.js 使用以下代码制作一个完整的页面放置区。但是，当将文件拖到文档正文时，它们不会被 Dropzone 拾取，而是由 Web 浏览器打开。

<!DOCTYPE html>
<html lang="en">
    <head>

    </head>
    <body>

        <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
        <script src="dropzone-5.7.0\dropzone-5.7.0\dist\dropzone.js"></script>

        <script>

            Dropzone.autoDiscover = false;

            $(document).ready(function () {
                var myDropzone = new Dropzone(document.body, { 
                    url: "/test/"
                });
            });

        </script>

    </body>
</html>

【问题讨论】：

标签： javascript dropzone.js

【解决方案1】：

阅读这篇文章有助于我了解一些新事物，因此这是一个简单的报告。

通过将<!DOCTYPE html> 标签放入 html 中，您可以告诉浏览器以标准 html 模式运行。

回到这个例子，因为你有一个什么都没有的身体，它是零高度不能放下文件。如果您删除 <!DOCTYPE html> 标记，主体将与浏览器客户端一样高。欢迎来到Quirks mode。

【讨论】：