05-HTML5中的文件

1.选择单个文件

05-HTML5中的文件_第1张图片

2.选择多个文件  multiple=true

05-HTML5中的文件_第2张图片

3.获取文件的类型和大小

重点是onchange方法和file的各种属性

05-HTML5中的文件_第3张图片

4.通过类型过滤选择的文件

05-HTML5中的文件_第4张图片

5.通过accept属性过滤文件

05-HTML5中的文件_第5张图片

6.使用fileReader接口读取文件

常用方法:

6.1 readAsDataURL方法预览图片

05-HTML5中的文件_第6张图片

6.2 readAsText方法读取文本文件

05-HTML5中的文件_第7张图片

6.3  FileReader接口中的事件

05-HTML5中的文件_第8张图片

7.使用DataTransfer对象拖放上传文件

用于存放拖动内容的框必须大于等于图片大小;

05-HTML5中的文件_第9张图片

8.file错误信息

错误代码:

05-HTML5中的文件_第10张图片

在获取file之后你想要获取错误的信息,与load方法相同;

reader.onerror=function()

{

//文件信息数据错误处理

}

你可能感兴趣的:(05-HTML5中的文件)