玩轉HTML5應用

在HTML5中，出現了眾多的新的技術和特性，而本文將介紹的是目前HTML5標准中，對如何將用戶客戶端的文件拖拉到浏覽器這一特性進行初步的講解。在HTML5中的標准中，提到了希望能在新一代浏覽器中，支持用戶直接將客戶端桌面的文件拖放到浏覽器中，甚至鼓勵做更多的工作(比如上傳文件)。

如何將文件拖放到web頁面中

在Javascript中分析拖拽文件

在客戶端裝載和解析文件

使用 XMLHttpRequest2異步上傳文件到服務端

上傳時顯示一個進度條

改進上傳文件的表單，甚至支持IE 6，以讓在各浏覽器中可以兼容運行。

並介紹如何單單只用Javascript實現，不用任何框架。

目前浏覽器對文件拖拉的支持

在我們開始講解前，我們先要說明下，由於HTML5的標准最終版本還沒完全發布，各浏覽器也不是完全都對所有功能進行支持，所以本文的程序有可能在今後的各浏覽器中不能完全運行成功，但至少在本文發表時，會對以下浏覽器在如下各方面進行支持。

1) 目前程序能在所有的Firefox和Chrome的浏覽器中很好的運行。

2) Opera浏覽器能解通過Javascript去解析文件，但不支持文件的拖拉到浏覽器中及使用XMLHttpRequest2去上傳文件。

3) IE和Safari不支持任何本文提到的API和新特性。

4) Apple不允許在iOS系統中使用HTML表單上傳文件。

以上就是我們給大家介紹的HTML5了。希望大家繼續關注我們的網站!