在IE 10版本以下，HTML5拖放上傳無法正常工作

Question

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

Answer 1

根據前面的答案，它不僅與FileReader有關。
在低於IE10的版本中，拖放操作無法完美使用。 甚至IE9都有一些問題，讓我們成為IE8。

瀏覽器還應該支持DnD API

檢查此鏈接至另一個答案-Internet Explorer 9拖放（DnD）

檢查我的應用程序，該應用程序允許將圖像文件從您的操作系統拖放到瀏覽器中：
HTML-5-DD -BackboneJS

它分為兩個部分：
1. HTML5拖放，允許從操作系統到瀏覽器的拖放
2. FileReader API，有助於將圖像文件讀取為DataURI並附加圖像

如果您的瀏覽器不支持拖放，則無法以JavaScript可以理解的方式拖放圖像。

結論： FileReader不是IE需要支持的主要功能，也是重要的拖放功能

Answer 2

這是因為HTML5使用的File API & FileReader API在版本低於10的IE中不受支持。

在此處檢查兼容性列表

希望這可以幫助。