FileReader对象怎么在HTML5中使用

本篇文章给大家分享的是有关 FileReader对象怎么在HTML5中使用，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

FileReader 实例中有四个方法来读取文件数据

1、readAsBinaryString(Blob|File)2、readAsDataURL(Blob|File)3、readAsText(Blob|File)4、readAsArrayBuffer(Blob|File)

FileReader 实例包含很多事件（onerror, onprogress, onload[result]）

<inputname="file"id="uploadFile"/>

varfile=document.getElementById("uploadFile");
varbufferSize=1024;
varpos=0;
varonload=function(e){
console.log("Read",e.target.result);
varimg=document.createElement("img");
img.src=e.target.result;
img.width=300;
img.height=300;
document.body.appendChild(img);
};
varonerror=function(){}
varonprogress=function(e){}
file.onchange=function(){
if(file.files)file=file.files[0];
while(pos<file.size){
varreader=newFileReader();
reader.onload=onload;
reader.onerror=onerror;
/*reader.readAsText(file.slice(pos,bufferSize));
pos+=bufferSize;*/
reader.readAsDataURL(file);
pos=file.size+1;
}
}

以上就是 FileReader对象怎么在HTML5中使用，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注恰卡编程网行业资讯频道。