Chrome拖放文件/文件夹不起作用

Question

I am trying to create PoC for Drag and drop a folder onto Chrome (v46) with the below code but alert is not getting triggered. 我正在尝试使用以下代码创建PoC，以将文件夹拖放到Chrome（v46）上，但不会触发alert 。 Chrome switches to the folder browser view when a folder is dropped or opens the dragged file as it is dropped. 放置文件夹时，Chrome切换到文件夹浏览器视图，或者在放置时打开打开的文件。 Basically it keeps the default behavior. 基本上，它保留默认行为。 I tried to open the html file like " http://localhost/index.html " and "file:///C:\\index.html" but both behave the same. 我试图打开类似“ http：//localhost/index.html ”和“ file：/// C：\\ index.html”的html文件，但是两者的行为相同。

Where am I going wrong? 我要去哪里错了？

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Drop File/Folder</title>
</head>
<body>
    <div id="dropzone" style="border: solid 1px; padding: 200px;">Drop files or folders here</div>

    <script type="text/javascript">
        var dropzone = document.getElementById('dropzone');

        dropzone.ondrop = function (e) {
            alert("dropped!");
            e.preventDefault();
        };

        // I also tried this but no success
        //dropzone.addEventListener('drop', function (e) {
        //    alert("dropped!");
        //    e.preventDefault();
        //});
    </script>
</body>
</html>

Answer 1

It turns out you need to add a dragover handler. 事实证明，您需要添加一个拖动处理程序。

dropzone.ondragover = function (e) {
    e.preventDefault();
};

Chrome拖放文件/文件夹不起作用

问题描述

1 个解决方案

解决方案1
2 已采纳 2015-10-30 13:06:41

Chrome拖放文件/文件夹不起作用

问题描述

1 个解决方案

解决方案1 2 已采纳 2015-10-30 13:06:41

解决方案1
2 已采纳 2015-10-30 13:06:41