前言

FileReader对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用File或Blob对象指定要读取的文件或数据。

成都创新互联是一家专注于网站设计制作、成都网站制作与策划设计,绥芬河网站建设哪家好?成都创新互联做网站,专注于网站建设10多年,网设计领域的专业建站公司;建站业务涵盖:绥芬河等地区。绥芬河做网站价格咨询:028-86922220

其中File对象可以是来自用户在一个元素上选择文件后返回的FileList对象,也可以来自拖放操作生成的DataTransfer对象,还可以是来自在一个HTMLCanvasElement上执行mozGetAsFile()方法后返回结果。

这里我就以input和DataTransfer两个方式来讲解FileReader对象的使用~~~

input:file

<inputid="input" type="file">