java web 学习笔记,超详细好用

一、文件上传入门

1. 应用：

用户上传头像、上传图片、邮件上传附件等

2. 页面表单的实现

文件上传表单和普通表单有两个区别

1) 表单的提交方式必须是 post

2) 需要文件上传字段

3) form 表单的 enctype 属性需要指定为 multipart/form-data

3. 服务器端解析request

在 Servlet 中通过 request.getInputStream 获得表单上传数据，会发现数据是分段发送的由于自己写程序解析有难度，我们可以使用Apache 开发的开源组件Commons-fileupload 需要导入 jar 包Commons-fileupload 和Commons-io

4 . UploadServlet 中处理文件上传程序

二、文件上传处理细节

1. 中文乱码问题

1) 文件名中文乱码问题，解决办法：告诉文件上传组件以什么编码方式来解码文件名

ServletUpload.setCharacterEncoding(“utf-8”);

request. setCharacterEncoding(“utf-8”);

2) 普通字段中文乱码问题

fileitem.getString(“utf-8”);

2. 临时文件

3. 文件存放目录

1) 目录需要隐藏，禁止外界直接访问

2) 文件名需要保证不重复

3) 文件应该分目录存放

三、上传进度条

1. 实现进度监听

需要实现对文件上传进度的监听，需要给FileUpload 对象添加 ProgressListener

2. 在jsp 页面显示进度

实验：

1) 使用 iframe 发送请求，请求一个Servlet, 在Servlet 中返回响应,发送自增的num

此时会发现 iframe 会不停第想Servlet发送请求

2) 点击文件上传按钮后，iframe立刻停止刷新，直至上传完毕页面跳转至新页面

3）为了观察实验结果，将form 的 target 指定为 iframe， UploadServlet回送上传完毕的结果

4) 出现上述问题的原因，浏览器不支持多线程同时访问服务器只能同时发送一个请求，

这样的访问方式为同步访问

5) 要在文件上传的同时在iframe中实现进度访问，就需要ie浏览器与服务器进行异步交互

此时就需要 XMLHttpRequest 对象

在javascript中可以直接使用XMLHttpRequest 对象与服务器进行异步通信

获得XmlHttpRequest 对象的方式有两种

ie7以上版本

var xhr = null;

if(window.XMLHttpRequest)

xhr = new XMLHttpRequest();

ie7以下版本

if(window.ActiveXObject)

xhr = new ActiveXObject(“Microsoft.XMLHTTP”);

获得对象后需要调用open方法输入请求地址

注意请求方式，地址的输入，并且需要设置为true 指定异步访问该地址

xhr.open(“get”,”/upload/servlet/UploadServlet”, false)

// 调用send 方法发送请求，post方式需要发送消息体，get方式则不用直接传入null值

xhr.send(null);

// 访问 responseText 属性获得 Servlet 回送的数据

document.write(xhr.responseText);

四、 api方法

1. DiskFileItemFactory 对象

设置缓冲区大小，字节为单位，默认为10K，一般不用修改

factory.setSizeThreshold(1000);

设置临时文件存放目录

factory.setRepository(file);

2. ServletFileUpload 对象

判断是否为文件上传表单

boolean b = upload.i sMultipartContent(request);

解析request对象

List list = upload.parseRequest(request);

设置上传文件的最大值

setFileSizeMax(long fileSizeMax)

设置上传文件总量的最大值

setSizeMax(long sizeMax)

设置编码格式

setHeaderEncoding(ng.String encoding)

注册进度监听器

setProgressListener(ProgressListener pListener)

3. FileItem 对象

获得表单字段的属性名

item.getFieldName();

获得普通字段的值

item.getString(charsetName)

获得文件上传字段的文件名

item.getName()

获得文件上传的流

item.getInputStream()