基于servlet和JavaScript FileReader实现简单的文件上传

在web项目中文件上传是十分平常的，对于文件上传之前用过几种方法都比较实用。

一、基于Apache common fileupload

二、基于servlet和JavaScript FileReader

三、框架里自带的文件上传

他们各自适用于不同的场合个人认为：第一种适合较大的文件上传，第二种适合图片上传并且可以上传预览但不兼容所有浏览器，第三种就是你用到ssm、ssh、springboot框架时适用

今天我们先讲第二、基于servlet和JavaScript FileReader

1、首先我们先了解下FileReader

FileReader接口提供了一个异步API，使用该API可以在浏览器主线程中异步访问文件系统，读取文件中的数据。到目前为止，只有FF3.6+和Chrome6.0+实现了FileReader接口。

FileReader接口的方法

FileReader接口有4个方法，其中3个用来读取文件，另一个用来中断读取。无论读取成功或失败，方法并不会返回读取结果，这一结果存储在result属性中。

FileReader接口的方法

方法名	参数	描述
readAsBinaryString	file	将文件读取为二进制编码
readAsText	file,[encoding]	将文件读取为文本
readAsDataURL	file	将文件读取为DataURL
abort	(none)	终端读取操作

FileReader接口事件

FileReader接口包含了一套完整的事件模型，用于捕获读取文件时的状态。

 

FileReader接口的事件

事件	描述
onabort	中断
onerror	出错
onloadstart	开始
onprogress	正在读取
onload	成功读取
onloadend	读取完成，无论成功失败

2、实际演示通过FileReader接口的方法我们怎么获取图片文件

<!--添加一个文件输入框并赋予一个事件我这里采用onchange你也可以用别的-->
<input type="