当前位置: 首页 > news >正文

js FileReader的常用使用方法

FileReader 对象允许 Web 应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。

主要的读取方法:

readAsArrayBuffer(): 开始读取指定的 Blob 中的内容。 一旦完成,result 属性中保存的将是被读取文件的 ArrayBuffer 数据对象

readAsBinaryString(): 开始读取指定的 Blob 中的内容。一旦完成,result 属性中将包含所读取文件的原始二进制数据。

readAsDataURL(): 开始读取指定的 Blob 中的内容。一旦完成,result 属性中将包含一个 data: URL 格式的 Base64 字符串以表示所读取文件的内容。

readAsText(): 开始读取指定的Blob中的内容。一旦完成,result 属性中将包含一个字符串以表示所读取的文件内容。

标识符:

  • onloadstart 状态:数据正在被加载;
  • onloadend 状态:已完成全部的读取请求;
  • .当然状态为 0(readyState)表示还没有加载任何数据;
  • 每过50ms左右,就会触发一次 progress 事件;也就是说这个可能多次触发,onload 事件在 onloadend 之前触发;
  • 由于种种原因无法读取文件时,会触发 error 事件。触发 error 事件时,相关信息保存在 FileReader 对象的 error 属性中,这个属性将保存一个对象,此对象只有一个属性 code,即错误码。1 表示未找到文件,2 表示安全性错误,3 表示读取中断,4 表示文件不可读,5 表示编码错误;
  • 如果想中断读取过程,可调用 abort 方法,就会触发 abort 事件。在返回时,readyState 属性为 DONE。一般用于后台的操作;
http://www.lryc.cn/news/62378.html

相关文章:

  • 网络威胁情报:数据的力量
  • shell:清理指定目录中指定天数之前的旧文件
  • 想入门网络安全?先来看看网络安全行业人才需求!
  • 0424 spring AOP学习
  • GB/T 28181-2022 新版差异笔记
  • 以轻量级服务器niginx为核心的JavaWeb项目:第一章 项目设计
  • 【error】 Request method ‘GET‘ not supported app端调用后台接口报错,后台人员自己调用时没问题
  • Microsoft Bitlocker企业级管理部署方案
  • Jetpack Compose 中使用分页 API 调用的无限滚动
  • 第5章 数据结构之“链表”
  • SpringMVC - REST风格介绍已经RESTful简化开发
  • Android 10.0 user模式下解除系统进入recovery功能的限制
  • 用这些 JavaScript 试题来提高你的编程技能
  • 倾斜摄影超大场景的三维模型在网络发布应用遇到常见的问题浅析
  • 基于遗传算法的梯级水电站群优化调度研究(Matlab代码实现)
  • java每日问题
  • C++设计模式之 依赖注入模式探索
  • 如何实现Spring AOP以及Spring AOP的实现原理
  • 数学建模——数据预处理
  • 第8章:树
  • Java基础学习(10)
  • Tomcat多实例部署实验
  • 无良公司把我从上家挖过来,白嫖了六个月,临近试用期结束才说不合适,催我赶紧找下家!...
  • 忙碌中也要记得休息,这两款好玩的游戏推荐给你
  • 四种方法可以实现判断字符串包含某个字符
  • ubuntu进程相关command
  • 7.参数校验
  • nginx简单介绍
  • 美创科技首届渠道高峰论坛| 两大分论坛亮点汇聚
  • QML中【预计符号】和【Unknown Component M300】的红色警告解决方法