FileReader对象的方法及处理事件实例讲解
程序员文章站
2022-05-07 22:00:57
FileReader 对象
详情描述
HTML5文件操作的api,FileReader接口提供了读取文件的方法和包含读取结果的事件模型。
FileReader对象的方法:...
FileReader 对象
详情描述
HTML5文件操作的api,FileReader接口提供了读取文件的方法和包含读取结果的事件模型。
FileReader对象的方法:
1. readAsText:该方法有两个参数,其中第二个参数是文本的编码方式,默认值为 UTF-8。这个方法非常容易理解,将文件以文本方式读取,读取的结果即是这个文本文件中的内容。
2. readAsBinaryString:该方法将文件读取为二进制字符串,通常我们将它传送到后端,后端可以通过这段字符串存储文件。
3. readAsDataURL:这是例子程序中用到的方法,该方法将文件读取为一段以 data: 开头的字符串,这段字符串的实质就是 Data URL,Data URL是一种将小文件直接嵌入文档的方案。这里的小文件通常是指图像与 html 等格式的文件。
处理事件:
- onabort 当读取操作被中止时调用.
- onerror 当读取操作发生错误时调用.
- onload 当读取操作成功完成时调用.
- onloadend 当读取操作完成时调用,该处理程序在onload或者onerror之后调用.
- onloadstart 当读取操作将要开始之前调用.
- onprogress 在读取数据过程中周期性调用
推荐阅读
-
使用 vue 实例更好的监听事件及vue实例的方法
-
jQuery事件blur()方法的使用实例讲解
-
Python面向对象程序设计中类的定义、实例化、封装及私有变量/方法详解
-
JavaScript for-in遍历,ES6的for-of遍历,可迭代对象的forEach()方法实例讲解
-
Python编程中的文件读写及相关的文件对象方法讲解
-
jQuery事件blur()方法的使用实例讲解
-
Python面向对象程序设计中类的定义、实例化、封装及私有变量/方法详解
-
FileReader对象的方法及处理事件实例讲解
-
jQuery事件绑定与事件委托实例讲解,jQuery的方法bind,live,delegate,on的区别
-
C++中的类和对象的封装及函数实例讲解