js的filereader方法,html filereader
用于将文件读入内存和读取文件中的数据。FileReader接口提供了一个异步API，可以用来异步访问文件系统，并在浏览器的主线程中读取文件中的数据。到目前为止，只有FF3.6和Chrome6.0实现了FileReader接口。
1、FileReader接口的方法
FileReader接口有四个方法，其中三个用于读取文件，另一个用于中断读取。无论读取是成功还是失败，该方法都不返回存储在result属性中的读取结果。
文件阅读器接口的方法
方法参数描述readAsBinaryString文件将文件读取为二进制编码readAsText文件，[编码]将文件读取为文本readAsDataURL文件将文件读取为DataURL abort (none)终端读取操作
2、FileReader接口事件
FileReader接口包含一套完整的事件模型，用于捕获读取文件的状态。
FileReader接口事件
事件描述onabort中断onerror错误onloadstart onprogress正在读取onload成功读取onloadend读取完成，无论成功还是失败。
3、FileReader接口的使用
script type= text/JavaScript var result=document . getelementbyid( result )；var file=document . getelementbyid( file )；//判断浏览器是否支持FileReader接口，如果(FileReader== undefined ){ result . innerhtml= p您的浏览器不支持FileReader接口！/p ；//使选择控件不可操作file.setAttribute (disabled ， disabled )；}函数readAsDataURL(){ //检查是否是图像文件varfile=document . getelementbyid( file )。文件[0]；如果(！/image \/\ w/。test (file.type)) {alert(看清楚，这个需要图片！);返回false} var reader=new FileReader()；//将文件以Data URL的形式读入页面reader . readas data URL(file)；reader . onload=function(e){ var result=document . getelementbyid( result )；//显示文件result . innerhtml= img src= this . result alt= /；} } function readAsBinaryString(){ var file=document . getelementbyid( file )。文件[0]；var reader=new FileReader()；//将文件以二进制形式读入页面reader . readasbinarystring(file)；reader . onload=function(f){ var result=document . getelementbyid( result )；//显示文件result . innerhtml=this . result；} } function reada text(){ var file=document . getelementbyid( file )。文件[0]；var reader=new FileReader()；//将文件以文本形式读入页面reader . readas text(file)；reader . onload=function(f){ var result=document . getelementbyid( result )；//显示文件result . innerhtml=this . result；}} /script p label请选择一个文件：/label input Type= file id= file /input Type= button value= read image onclick= readAsDataURL()/Type= button value= read binary string()/input Type= button value= read text onclick= read astext()//p div id= result name= result /div010-
以上是边肖介绍的HTML5中如何使用FileReader接口的例子。希望对你有帮助。如果您有任何问题，请给我留言，边肖将及时回复您。非常感谢您对网站的支持！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。