HTML5拖放上传在IE 10版本下面无法正常工作

时间:2013-01-02 06:46:19

标签: javascript jquery html5

我正在使用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

2 个答案:

答案 0 :(得分:3)

根据以前的答案,它不仅仅是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需要为您的场景支持的主要功能,它也是重要的拖放

答案 1 :(得分:1)

这是因为HTML5使用了版本低于10的IE不支持的File API & FileReader API

检查兼容性列表here

希望这有帮助。