java中filereader读取文件,filereader读取文件java

  java中filereader读取文件,filereader读取文件java

  本文介绍了浅谈HTML5文件阅读器分布读取文件以及其方法简介,分享给大家。具体如下:

  效果图

  老规矩先上效果图

  先介绍一下H5中字符输入流的一些方法以及事件

  字符输入流方法

  名称作用关于()终止读取readAsBinaryString(文件)将文件读取为二进制编码readAsDataURL(文件)将文件读取为数据统一资源定位器编码readAsText(文件,[编码])将文件读取为文本readAsArrayBuffer(文件)将文件读取为数组缓冲

  字符输入流事件

  名称作用onloadstart读取开始时触发正在进行读取中读取完成读取完成触发,无论成功或失败装载文件读取成功完成时触发对中止事件的处理中断时触发错误时触发出错时触发

  代码

  分布读取文件核心思想,将文件分块以每M进行读取。

  超文本标记语言部分

  !文档类型html html lang= en head meta charset= UTF-8 标题文档/标题/表头表单字段集图例分步读取文件:/legend输入类型=file id=File 输入类型=按钮值=中断id="中止"标签读取进度:/lable Progress id= Progress value= 0 max= 100 /Progress/p/fieldset/form script src= ./loadFile.js/script脚本var Progress=文档。getelementbyid(“Progress”);//进度条var events={ load:function(){ console。日志(“已加载”);}、进度:函数(百分比){ console.log(百分比);progress.value=percent},success:function(){ console。日志(成功);} };定义变量加载器;//选择好要上传的文件后触发待清扫房事件document.getElementById(File ).onchange=function(e){ var file=this。文件[0];控制台。log(file)//loadfile。js loader=新文件加载器(文件,事件);};document.getElementById(Abort ).onclick=function(){ loader。abort();} /script/body/html loadFile.js部分

  /** 文件读取模块*文件文件对象*事件事件回掉对象包含成功,加载,进度*/var文件加载器=函数(文件,事件){ this。reader=new file reader();this.file=filethis。loaded=0;这个。总计=文件。尺寸;//每次读取1M this.step=1024 * 1024this。事件=事件 { };//读取第一块这个。读取blob(0);这个。绑定事件();}文件加载器。prototype={ bind event:function(events){ var _ this=this,reader=this.readerreader。onload=function(e){ _ this。onload();};读者。进行中=函数(e){ _ this。进行中(即已加载);};//开始、中止、错误回调暂时不加},//进度事件回掉进行中:函数(已加载){ var percent,handler=this。事件。进步;//进度条this.loaded=已加载百分比=(这个。装的/这个。合计)* 100;处理程序处理程序(百分比);}, //读取结束(每一次执行阅读结束时调用,并非整体)onLoad:function(){ var handler=this。事件。负载;//应该在这里发送读取的数据handler handler(这个。读者。结果);//如果未读取完毕继续读取如果(这个。装了这个。合计){这个。读取blob(this。已加载);} else { //读取完毕这个。上膛=这个。总计;//如果有成功回掉则执行这个。事件。成功了。事件。success();} }, //读取文件内容读取blob:function(start){ var blob,file=this.file//如果支持薄片方法,那么分步读取,不支持的话一次读取如果(文件。slice){ blob=file。切片(开始,开始这个。步);}否则{ blob=file} this。读者。readas文本(blob);}, //中止读取abort:function(){ var reader=this。读者;if(reader){ reader。abort();} }}以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: