第4章 HTML 5中的文件应用

文件在表单占有很大的比例，HTML 5对表单中的文件增加了与功能有关的API对象，通过这些API对象可以选择一个或多个文件，读取、拖放操作文件，以及将指定的文件上传到服务器端等，本章将详细介绍HTML 5中的文件应用。

通过本章的学习，读者可以了解HTML 5中提供的API对象，例如File、FileList和FileReader对象；也能够使用这些对象对文件进行简单的操作，还可以熟练地实现文件的拖放功能。另外，还将介绍与DataTransfer对象有关的知识。

本章学习目标：

❑掌握如何使用File对象获取选择的单个文件信息

❑掌握如何使用FileList对象获取选择的多个文件信息

❑熟悉如何限制选择文件时的类型

❑掌握如何将单个或多个文件上传到服务器

❑掌握检测浏览器是否支持FileReader接口的方法

❑了解FileReader接口的各个事件

❑了解如何调用readAsBinaryString()方法读取文件

❑掌握readAsDataURL()方法和readAsText()方法的使用

❑了解FileError接口的错误编码

❑掌握与拖放有关的API事件

❑熟悉DataTransfer对象的常用方法和属性

❑掌握如何拖动文本到网页的目标区域中

❑掌握如何通过拖放实现带进度条的文件