FileReader 获取图片BASE64 代码并预览

最新推荐文章于 2024-07-26 08:29:23 发布

胖不了小陆

最新推荐文章于 2024-07-26 08:29:23 发布

阅读量2w

点赞数 5

分类专栏：干货文章标签： base64

本文链接：https://blog.csdn.net/qq_32923745/article/details/78270862

版权

本文介绍了如何使用FileReader API来读取图片文件并将其转换为Base64编码，同时提供了预览图片的实现方法。重点讨论了FileReader的事件模型和result属性的使用。

摘要由CSDN通过智能技术生成

                    
                    FileReader 获取图片的base64 代码 并预览 
FileReader ，老实说我也不怎么熟悉。在这里只是记录使用方法。 

   方法名
   参数
   描述
  
   abort
   none
   中断读取
  
   readAsBinaryString
   file（blob）
   将文件读取为二进制码
  
   readAsDataURL
   file（blob）
   将文件读取为 DataURL
  
   readAsText
   file, （blob）
   将文件读取为文本
  
FileReader 包含了一套完整的事件模型，用于捕获读取文件时的状态 

   事件
   描述
  
   onabort
   中断时触发
  
   onerror
   出错时触发
  
   onload
   文件读取成功完成时触发
  
   onloadend
   读取完成触发，无论成功或失败
  
   onloadstart
   读取开始时触发
  
   onprogress
   读取中

方法名	参数	描述
abort	none	中断读取
readAsBinaryString	file（blob）	将文件读取为二进制码
readAsDataURL	file（blob）	将文件读取为 DataURL
readAsText	file, （blob）	将文件读取为文本

事件	描述
onabort	中断时触发
onerror	出错时触发
onload	文件读取成功完成时触发
onloadend	读取完成触发，无论成功或失败
onloadstart	读取开始时触发
onprogress	读取中