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

Question

我正在嘗試使用以下代碼創建PoC，以將文件夾拖放到Chrome（v46）上，但不會觸發alert 。 放置文件夾時，Chrome切換到文件夾瀏覽器視圖，或者在放置時打開打開的文件。 基本上，它保留默認行為。 我試圖打開類似“ http：//localhost/index.html ”和“ file：/// C：\\ index.html”的html文件，但是兩者的行為相同。

我要去哪里錯了？

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

事實證明，您需要添加一個拖動處理程序。

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