Question

javascript ondrop事件在拖动文件到节点的时候为什么 这个事件的事件对象没有保存我拖动文件的信息？

如果拖动文件的信息没有保存到ondrop这个事件的事件对象中 那拖动的文件应该怎么获取 (PS:百度搜索图片就是采用的这个事件)

Answer 1

// 假设拖入的区域id为target
var target = document.getElementById('target');

target.ondragover = function (ev) {
 ev.preventDefault();
}
target.ondrop = function (ev) {
    // ev.dataTransfer.files就是你拖入的文件列表
    console.log(ev.dataTransfer.files);
}

追问

我打印了的 没有文件

Answer 2

定义和用法
ondrop 事件在可拖动元素或选取的文本放置在目标区域时触发。
拖放是 HTML5 中非常常见的功能。 更多信息可以查看我们 HTML 教程中的 HTML5 拖放。
注意： 为了让元素可拖动，需要使用 HTML5 draggable 属性。
提示： 链接和图片默认是可拖动的，不需要 draggable 属性。