Dropzone.js全屏dropzone不工作

Question

我正在尝试使用以下代码使用 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>

Answer 1

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

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

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

Dropzone.js全屏dropzone不工作

问题描述

1 个解决方案

解决方案1
0 已采纳 2020-12-09 08:16:07

Dropzone.js全屏dropzone不工作

问题描述

1 个解决方案

解决方案1 0 已采纳 2020-12-09 08:16:07

解决方案1
0 已采纳 2020-12-09 08:16:07