一、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	读取完成，无论成功失败