移动端 FileReader文件上传

一、file上传文件

<input type="file" multiple>
 
multiple 设置多选

通过change事件监听是否上传文件

files 属性获取上传的文件集合
 

#二、FileReader接口

用来把文件读入内存,并且读取文件中的数据。

1. 创建读取文件对象 var f = new FileReader(); 

2. 读取文件 f.readAsDataUrl(file) 或 f.readAsText(file);

3. 获取读取到的结果 f.result;
 
FileReader方法描述
readAsBlnaryString 读取为二进制编码
==readAsText== 读取文本文件的文本内容
==readAsDataURL== 读取文件的路径

 

FileReader事件描述
abort 读取中断
error 读取出错
loadstart 读取开始
progress 正在读取
==load== 读取成功
loadend 读取完成,无论成功失败
posted @ 2020-12-14 11:31  人心不古  阅读(295)  评论(0编辑  收藏  举报