HTML5 拖放上传在 IE 10 以下版本上不起作用答案

【问题标题】：HTML5 Drag and Drop upload is not working on below the version IE 10HTML5 拖放上传在 IE 10 以下版本上不起作用
【发布时间】：2012-12-16 13:51:27
【问题描述】：

我正在使用 HTML5 DND 文件上传http://html5demos.com/dnd-upload，但它在 IE 10 以下版本中不起作用

IE浏览器中的网页错误详情

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; BTRS124829; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 1.1.4322; .NET4.0C)
Timestamp: Wed, 2 Jan 2013 06:17:02 UTC


Message: Object doesn't support this property or method
Line: 57
Char: 1
Code: 0
URI: http://html5demos.com/dnd-upload

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

根据之前的答案，不仅仅是FileReader。
在低于 IE10 的版本中无法完美使用拖放功能。 IE9也有问题，还是IE8吧。

浏览器也应该支持 DnD API

检查此链接以获取另一个答案 - Internet Explorer 9 Drag and Drop (DnD)

检查我的应用程序，该应用程序允许将图像文件从您的操作系统拖放到浏览器中：
HTML-5-DD - BackboneJS

它有两个部分：
1. HTML5拖放，允许从操作系统拖放到浏览器
2. FileReader API 帮助读取图像文件为 DataURI 并附加图像

如果您的浏览器不支持拖放，您将无法以JavaScript 可以理解的方式拖放图片。

结论：FileReader 不是 IE 需要支持您的场景的主要功能，它也是重要的拖放

【讨论】：

@Karthik，新年快乐。另外，这里有一个更好的教程的链接 - Native HTML5 Drag Drop - html5rocks.com/en/tutorials/dnd/basics

【解决方案2】：

这是因为HTML5使用了File API & FileReader API，在10以下的IE中是不支持的。

查看兼容性列表here

希望这会有所帮助。

【讨论】：

感谢在 ie 版本中工作的任何其他免打扰上传可用吗？
您可以使用像 uploadifive 这样的 Flash 上传器进行 dnd。 demos docs
它不仅仅是FileReader API，它还支持HTML5拖放本身