HTML5文件操作API

fiileList对象：

　　file对象的集合

　　document.getElementById("fileDemo").files取到的就是fileList对象

Blob对象:

　　原始数据对象，有两个属性 size和type

file对象

　　继承于Blob对象，指向具体的文件除了继承到的size和type属性，另外 还有name和lastModifiedData属性

#获取file对象
var file_obj=document.getElementById("fileDemo").files[0]
#主要有以下属性
file_obj.type
file_obj.name
file_obj.size
file_obj.lastModifiedDate

FileReader对象

#取得file对象后
var file_obj=document.getElementById("fileDemo").files[0]

#创建FileReader对象
var reader = new FileReader()

#reader有三个常用方法
#读取二进制字符串数据，放到reader.result中
reader.readAsBinaryString(file_obj)
#读取可以作为url的数据放到reader.result中
reader.readAsDataURL(file_obj)
#读取为普通文本
reader.readAsText(file_obj)

原文地址：https://www.cnblogs.com/codingForHer/p/8538824.html