Dropzone.js 全屏 dropzone 不工作

Question

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

<!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>

Answer 1

阅读这篇文章post帮助我理解了一些新东西，因此这是一份简单的报告。

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

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

Dropzone.js 全屏 dropzone 不工作

Dropzone.js fullscreen dropzone not working

javascript

dropzone.js