时间戳

首页 > 解决方案 > Dropzone.js全屏dropzone不工作

javascript - Dropzone.js全屏dropzone不工作

问题描述

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

标签： javascriptdropzone.js

解决方案

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

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

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

推荐阅读