HTML5文件操作API

2021-02-10 00:19

阅读:614

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)

 


评论


亲,登录后才可以留言!