IE 10 拖放上传给出空数据传输答案

【问题标题】：IE 10 drag and drop upload gives empty dataTransferIE 10 拖放上传给出空数据传输
【发布时间】：2013-07-29 22:18:02
【问题描述】：

我的一些拖放上传代码在 IE 10 中无法正常工作。我的事件处理程序如下所示：

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);
});

console.log 都提出了undefined。我可以确认这不是控制台错误，因为e.originalEvent.dataTransfer.files[0] 出现了错误。我确定我遗漏了一些明显的东西，但我似乎无法弄清楚。

【问题讨论】：

标签： javascript jquery html drag-and-drop

【解决方案1】：

我今天也遇到了同样的问题。经过5个小时的调试，我从my<head>找到了这个

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

我将其更改为 IE=10 后，问题解决了。（确保你重新启动你的 IE）

希望这也能解决您的问题。

【讨论】：

哇……好吧，好吧。这很愚蠢，但它奏效了。虽然看起来 IE 10 给我的关于 drop 事件的数据是......很好奇。看起来文件名test.txt 变成了test.txt.txt，这似乎不太对。
我认为值得一提的是，作为事件实例一部分的 dataTransfer 对象的整个概念在 IE 中已被弃用，如此处所述：msdn.microsoft.com/en-us/library/ms535861%28v=vs.85%29.aspx 它解释了为什么接受的答案有效，因为它使IE 10 自行“降级”
@Lei Zhao --> 谢谢你的建议对我也有用！