资讯专栏INFORMATION COLUMN

FileReader基础

zhiwei / 1843人阅读

摘要:事件在的操作被中断的时候触发。读取一个对象,将对象中的原始二进制数据作为字符串的形式返回。一个拖拽事件的参考文件拖拽实现拖拽监听拖拽事件

FileReader语法

例子

属性

FileReader.error表示在读文件操作过程中发生的错误
FileReader.readyState表示FileReader读取数据的状态,有三个值:

EMPTY:没有数据被加载

LOADING:数据正在被加载

LOADING:数据正在被加载

FileReader.result代表数据读取完成后的结果,只有在数据被加载完成后,result属性才有效。

事件

FileReader.onbortFileReaderreading操作被中断的时候触发。
FileReader.onerrorFileReader读取数据过程中发生错误时触发
FileReader.onloadFileReader读取事件完成后调用
FileReader.onloadstartFileReader读取事件开始时调用
FileReader.onloadendFileReader读事件完成后调用
FileReader.onprogressFileReader读取数据的过程中调用

方法

FileReader.abort()中断读数据操作,直接返回,readyState将被设置为DONE
FileReader.readAsArrayBuffer()读取Blob类型的数据,读取完成后返回ArrayBuffer对象,ArrayBuffer对象存储数据内容。
FileReader.readAsBinaryString()读取一个Blob对象,将Blob对象中的原始二进制数据作为字符串的形式返回。
FileReader.readAsDataURL()返回一个代表文件数据的URL
FileReader.readAsTextString()读取一个Blob对象,返回一个文本字符串。

Demo

一个拖拽事件的demo,参考MDN



    
        文件拖拽
        
        
    
    
        

实现拖拽

Size:

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/50816.html

相关文章

  • FileReader基础

    摘要:事件在的操作被中断的时候触发。读取一个对象,将对象中的原始二进制数据作为字符串的形式返回。一个拖拽事件的参考文件拖拽实现拖拽监听拖拽事件 FileReader语法 例子 属性 FileReader.error表示在读文件操作过程中发生的错误FileReader.readyState表示FileReader读取数据的状态,有三个值: EMPTY:没有数据被加载 LOADING:数据正在...

    wangxinarhat 评论0 收藏0
  • 关于前端上传文件全面基础扫盲贴(四) ----- FileReader

    摘要:没有浏览器测试,所以不知道是不是有效,其实里面看起来比我写的那个复杂,实际上多了个检验格式上兼容写法所以不要怕,如果我错了记得提醒下我啊。目前为止其实已经该说的都差不多覆盖到了吧,动手能力强的话已经可以根据教程写一个实例出来的了。 系列文章 关于前端上传文件全面基础扫盲贴(零)关于前端上传文件全面基础扫盲贴(一) ----- XMLHttpRequest关于前端上传文件全面基础扫盲贴(...

    Tony 评论0 收藏0
  • Java编程基础22——IO(字符流)&字符流其他内容&递归

    摘要:字符流字符流是什么字符流是可以直接读写字符的流字符流读取字符就要先读取到字节数据然后转为字符如果要写出字符需要把字符转为字节再写出类的方法可以按照字符大小读取通过项目默认的码表一次读取一个字符赋值给将读到的字符强转后打印字符流类的方法可以 1_字符流FileReader 1.字符流是什么 字符流是可以直接读写字符的IO流 字符流读取字符, 就要先读取到字节数据, 然后转为字符. ...

    BoYang 评论0 收藏0
  • js 读取 input[type=file] 内容,直接显示文本 | 图片

    摘要:接下来就是读取并显示这个文件。只读表示状态的数字。事件处理处理事件。该事件在读取操作发生错误时触发。开始读取指定的中的内容。一旦完成,属性中将包含一个字符串以表示所读取的文件内容。 js 读取 input[type=file] 内容,直接显示文本 | 图片 这里面就不用 jquery 了,全用原生方法 1. 开始之前,你需要知道的一些基础知识 当出现 时,该元素的 value 属性...

    yacheng 评论0 收藏0

发表评论

0条评论

zhiwei

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<