IE 10拖放上传给空的dataTransfer [英] IE 10 drag and drop upload gives empty dataTransfer

查看:386
本文介绍了IE 10拖放上传给空的dataTransfer的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一些拖放上传的代码,在IE 10中不能正常工作。我的事件处理程序看起来像这样:

  dragCatcher.on('drop',function(e){
e.preventDefault();
e.stopPropagation();
console.log(e.originalEvent.dataTransfer。文件);
})。on('dragenter',function(e){
e.preventDefault();
e.stopPropagation();
})。 'dragleave',function(e){
e.preventDefault();
e.stopPropagation();
})。on('dragover',function(e){
e.preventDefault();
e.stopPropagation();
console.log(e.originalEvent.dataTransfer.types);
});

console.log 未定义。我可以确认它不是控制台错误,因为 e.originalEvent.dataTransfer.files [0] 出现错误。我确定我缺少一些明显的东西,但我似乎无法弄清楚。

解决方案

我有同样的问题今天调试5个小时后,我从我的< head>

 < meta http-equiv =X-UA-Compatiblecontent =IE = 9/> 

在我将其更改为IE = 10后,问题解决了。 (确保重新启动您的IE)



希望这也可以解决您的问题。


I have some drag and drop upload code that isn't working properly in IE 10. My event handlers look something like this:

dragCatcher.on('drop', function (e) {
  e.preventDefault();
  e.stopPropagation();
  console.log(e.originalEvent.dataTransfer.files);
}).on('dragenter', function (e) {
  e.preventDefault();
  e.stopPropagation();
}).on('dragleave', function (e) {
  e.preventDefault();
  e.stopPropagation();
}).on('dragover', function (e) {
  e.preventDefault();
  e.stopPropagation();
  console.log(e.originalEvent.dataTransfer.types);
});

Both console.log's come up with undefined. I can confirm it's not a console bug, as e.originalEvent.dataTransfer.files[0] comes up with an error. I'm sure I'm missing something obvious, but I can't seem to figure it out.

解决方案

I had the same problem today. After 5 hours debugging, I found this from my<head>

<meta http-equiv="X-UA-Compatible" content="IE=9" />

After I change it to IE=10, problem solved. (Make sure you restart your IE)

Hopefully, this can solve your problem too.

这篇关于IE 10拖放上传给空的dataTransfer的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆