Javascript 拖放文件,文件属性可以';不要读未定义的内容

Javascript 拖放文件,文件属性可以';不要读未定义的内容,javascript,jquery,css,drag-and-drop,Javascript,Jquery,Css,Drag And Drop,我只是有一个问题,我的照片下降区,数据传输不工作结束返回作为未故障。请帮帮我,告诉我哪里出错了。多谢各位 jQuery(文档).ready(函数($){ $(“#dropbox”)。在(“dragenter dragstart Dragen dragleave dragover dragover DragDrop”上,函数(e){ e、 预防默认值(); }); $('#dropbox')。在('drop',函数(e)上{ e、 预防默认值(); var files=e.dataTransfe

我只是有一个问题,我的照片下降区,数据传输不工作结束返回作为未故障。请帮帮我,告诉我哪里出错了。多谢各位

jQuery(文档).ready(函数($){
$(“#dropbox”)。在(“dragenter dragstart Dragen dragleave dragover dragover DragDrop”上,函数(e){
e、 预防默认值();
});
$('#dropbox')。在('drop',函数(e)上{
e、 预防默认值();
var files=e.dataTransfer.files;
console.log(文件);
如果(files.length>1)console.log(“noooo!”);
其他的
{
console.log(“Drop!”);
} 
});
});
div{
宽度:600px;
高度:300px;
背景:#FFFCCC;
}

由于您使用的是
jQuery
,因此您拥有的
事件(在
下拉列表中)不是原始事件,而是jQuery包装器

您可以使用
e.originalEvent
获取原始事件,其中有
dataTransfer.files

e.originalEvent.dataTransfer.files
以下是一个工作示例:

jQuery(文档).ready(函数($){
$(“#dropbox”)。在(“dragenter dragstart Dragen dragleave dragover dragover DragDrop”上,函数(e){
e、 预防默认值();
});
$('#dropbox')。在('drop',函数(e)上{
e、 预防默认值();
调试器;
var files=e.originalEvent.dataTransfer.files;
console.log(文件);
如果(files.length>1)console.log(“noooo!”);
其他的
{
console.log(“Drop!”);
} 
});
});
div{
宽度:600px;
高度:300px;
背景:#FFFCCC;
}

谢谢,现在它可以工作了。请描述一下为什么我一直在使用jquery事件,比如“提交”和“我不需要”.originalEvent”。也许jQuery只是在一些事件中生成了ghost事件,比如“drop”?请解释一下。更重要的是,你们并没有使用“.originalEvent”在我的小清洁第一处理器,它的工作。。。这是同一个排气口“下降”。。。