测试Dragenter / Dragover事件是否包含文件

最新推荐文章于 2022-11-02 18:15:00 发布

cunqu9743

最新推荐文章于 2022-11-02 18:15:00 发布

阅读量318

点赞数

文章标签： java javascript js python vue ViewUI

HTML5拖放非常适合处理文件上传。但是，如果这是您唯一要使用的文件，那么很高兴知道任何特定的dragenter或dragover事件是否实际上具有文件。与之不同的是，例如，仅拖动某些选定的文本。

将事件对象发送到此函数，它将返回真相（假设您使用的浏览器支持所有这些功能）：

function containsFiles(event) {

    if (event.dataTransfer.types) {
        for (var i = 0; i < event.dataTransfer.types.length; i++) {
            if (event.dataTransfer.types[i] == "Files") {
                return true;
            }
        }
    }
    
    return false;

}