1.文件的上传-servlet实现文件上传---核心API—DiskFileItemFactory
一。文件上传概述
l 实现web开发中的文件上传功能,需完成如下二步操作:
• 在web页面中添加上传输入项
• 在servlet中读取上传文件的数据,并保存到本地硬盘中。
l 如何在web页面中添加上传输入项?
• 标签用于在web页面中添加文件上传输入项,设置文件上传输入项时须注意:
• 1、必须要设置input输入项的name属性,否则浏览器将不会发送上传文件的数据。
• 2、必须把form的enctype属值设为multipart/form-data.设置该值后,浏览器在上传文件时,将把文件数据附带在http请求消息体中,并使用MIME协议对上传的文件进行描述,以方便接收方对上传数据进行解析和处理。
l 如何在Servlet中读取文件上传数据,并保存到本地硬盘中?
• Request对象提供了一个getInputStream方法,通过这个方法可以读取到客户端提交过来的数据。但由于用户可能会同时上传多个文件,在servlet端编程直接读取上传数据,并分别解析出相应的文件数据是一项非常麻烦的工作,示例。
• 为方便用户处理文件上传数据,Apache 开源组织提供了一个用来处理表单文件上传的一个开源组件(Commons-fileupload ),该组件性能优异,并且其API使用极其简单,可以让开发人员轻松实现web文件上传功能,因此在web开发中实现文件上传功能,通常使用Commons-fileupload组件实现。
l 使用Commons-fileupload组件实现文件上传,需要导入该组件相应的支撑jar包:Commons-fileupload和commons-io。commons-io 不属于文件上传组件的开发jar文件,但Commons-fileupload 组件从1.1 版本开始,它工作时需要commons-io包的支持。
二。核心API—DiskFileItemFactory
l DiskFileItemFactory 是创建FileItem 对象的工厂,这个工厂类常用方法:
• public void setSizeThreshold(int sizeThreshold) :设置内存缓冲区的大小,默认值为10K。当上传文件大于缓冲区大小时,fileupload组件将使用临时文件缓存上传文件。
• public void setRepository(java.io.File repository) :指定临时文件目录,默认值为System.getProperty("java.io.tmpdir").
• public DiskFileItemFactory(int sizeThreshold,java.io.File repository) :构造函数
l ServletFileUpload 负责处理上传的文件数据,并将表单中每个输入项封装成一个FileItem 对象中。常用方法有:
• boolean isMultipartContent(HttpServletRequest request) :判断上传表单是否为multipart/form-data类型
• List parseRequest(HttpServletRequest request):解析request对象,并把表单中的每一个输入项包装成一个fileItem 对象,并返回一个保存了所有FileItem的list集合。
• setFileSizeMax(long fileSizeMax) :设置上传文件的最大值
• setSizeMax(long sizeMax) :设置上传文件总量的最大值
• setHeaderEncoding(java.lang.String encoding) :设置编码格式
• setProgressListener(ProgressListener pListener)
三文件上传案例
l 实现步骤
1、创建DiskFileItemFactory对象,设置缓冲区大小和临时文件目录
2、使用DiskFileItemFactory 对象创建ServletFileUpload对象,并设置上传文件的大小限制。
3、调用ServletFileUpload.parseRequest方法解析request对象,得到一个保存了所有上传内容的List对象。
4、对list进行迭代,每迭代一个FileItem对象,调用其isFormField方法判断是否是上传文件
• 为普通表单字段,则调用getFieldName、getString方法得到字段名和字段值
• 为上传文件,则调用getInputStream方法得到数据输入流,从而读取上传数据。
2.具体操作
实现的思路:
工具:MySQL,eclipse
首先,在MySQL中创建了两个表,一个t_user表,用来存放用户名,密码等个人信息,
一个t_touxiang表,用来存放上传的图片在服务器中的存放路径,以及图片名字和用户ID,
T_touxiang表中的用户ID对应了t_user中的id。
t_user表SQL:
DROP TABLE IF EXISTS `t_user`;
CREATE TABLE `t_user` (
`id`int(10) NOT NULL AUTO_INCREMENT,
`username` varchar(20) NOT NULL,
`password` varchar(255) NOT NULL,
PRIMARY KEY (`id`),
UNIQUE KEY `username` (`username`)
) ENGINE=InnoDB AUTO_INCREMENT=22 DEFAULT
T_touxiang表SQL:
DROP TABLE IF EXISTS `t_touxiang`;
CREATE TABLE `t_touxiang` (
`id`int(10) NOT NULL AUTO_INCREMENT,
`image_path` varchar(255) DEFAULT NULL,
`user_id`int(11) DEFAULT NULL,
`old_name` varchar(255) DEFAULT NULL,
PRIMARY KEY (`id`),
KEY `img_user` (`user_id`),
CONSTRAINT `img_user` FOREIGN KEY (`user_id`) REFERENCES `t_user` (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=utf8;
首先,写一个UploadServlet.java,用来处理图片文件的上传,并将图片路径,图片名称等信息存放到t_touxiang数据表中,代码如下:
packagefilet;importjava.awt.List;importjava.io.File;importjava.io.IOException;importjava.sql.Date;importjava.util.Iterator;importjavax.servlet.ServletException;importjavax.servlet.annotation.WebServlet;importjavax.servlet.http.HttpServlet;importjavax.servlet.http.HttpServletRequest;importjavax.servlet.http.HttpServletResponse;importjavax.servlet.http.HttpSession;importorg.apache.tomcat.util.http.fileupload.FileItem;importorg.apache.tomcat.util.http.fileupload.FileUploadException;importorg.apache.tomcat.util.http.fileupload.disk.DiskFileItemFactory;importorg.apache.tomcat.util.http.fileupload.servlet.ServletFileUpload;public classtr {
@WebServlet("/UploadServlet.do")public class UploadServlet extendsHttpServlet {private static final long serialVersionUID = 1L;protected voidservice(HttpServletRequest request, HttpServletResponse response)throwsServletException, IOException {//判断上传表单是否为multipart/form-data类型
HttpSession session =request.getSession();
User user= (User) session.getAttribute("user"); //在登录时将 User 对象放入了 会话//中
if(ServletFileUpload.isMultipartContent(request)) {try{//1. 创建DiskFileItemFactory对象,设置缓冲区大小和临时文件目录
DiskFileItemFactory factory = newDiskFileItemFactory();//System.out.println(System.getProperty("java.io.tmpdir"));//默认临时文件夹//判断临时目录是否存在(不存在则创建)
File f1 = newFile(tempPath);if(!f1.isDirectory()){
System.out.println("临时文件目录不存在! 创建临时文件目录");
f1.mkdir();
}//设置上传文件的临时目录 区别于默认目录
factory.setRepository(f1);//2. 创建ServletFileUpload对象,并设置上传文件的大小限制。
ServletFileUpload sfu = newServletFileUpload(factory);
sfu.setSizeMax(10 * 1024 * 1024);//以byte为单位 不能超过10M 1024byte =//1kb 1024kb=1M 1024M = 1G
sfu.setHeaderEncoding("utf-8");//3.//调用ServletFileUpload.parseRequest方法解析request对象,得到一个保存了所有上传内容的List对象。
@SuppressWarnings("unchecked")
List fileItemList =sfu.parseRequest(request);
Iterator fileItems =fileItemList.iterator();//4. 遍历list,每迭代一个FileItem对象,调用其isFormField方法判断是否是上传文件
while(fileItems.hasNext()) {
FileItem fileItem=fileItems.next();//普通表单元素
if(fileItem.isFormField()) {
String name= fileItem.getFieldName();//name属性值
String value = fileItem.getString("utf-8");//name对应的value值
System.out.println(name+ " = " +value);
}//的上传文件的元素
else{
String fileName= fileItem.getName();//文件名称
System.out.println("原文件名:" + fileName);//Koala.jpg
String suffix= fileName.substring(fileName.lastIndexOf('.'));
System.out.println("扩展名:" + suffix);//.jpg//新文件名(唯一)
String newFileName = new Date().getTime() +suffix;
System.out.println("新文件名:" + newFileName);//image\1478509873038.jpg//5. 调用FileItem的write()方法,写入文件
File file = new File("D:/xiaobaiProjects/mySpace/wendao/WebContent/touxiang/" +newFileName);
System.out.println(file.getAbsolutePath());
fileItem.write(file);//6. 调用FileItem的delete()方法,删除临时文件
fileItem.delete();/** 存储到数据库时注意 1.保存源文件名称 Koala.jpg 2.保存相对路径
* image/1478509873038.jpg
**/
if (user != null) {int myid =user.getId();
String SQL= "INSERT INTO t_touxiang(image_path,user_id,old_name)VALUES(?,?,?)";int rows = JdbcHelper.insert(SQL, false, "touxiang/" +newFileName, myid, fileName);if (rows > 0) {
session.setAttribute("image_name", fileName);
session.setAttribute("image_path", "touxiang/" +newFileName);
response.sendRedirect(request.getContextPath()+ "/upImage.html");
}else{
}
}else{
session.setAttribute("loginFail", "请登录");
response.sendRedirect(request.getContextPath()+ "/login.html");
}
}
}
}catch(FileUploadException e) {
e.printStackTrace();
}catch(Exception e) {
e.printStackTrace();
}
}
}
}
}
在完成图片上传并写入数据库的同时,将图片路径通过session的方式发送到HTML界面
更换头像本地目录:
至此,图片上传数据库和本地服务器已经实现,那么如何在HTML界面显示出个人信息以及上传的头像呢?
首先定义一个PersonServlet类,用来读取数据库的内容,并发送到HTML界面。
代码如下:
@WebServlet("/persons.do")public class PersonServlet extendsHttpServlet {private static final long serialVersionUID = -800352785988546254L;protected voidservice(HttpServletRequest request, HttpServletResponse response)throwsServletException, IOException {//判断上传表单是否为multipart/form-data类型
Touxiang tx=null;
HttpSession session=request.getSession();
User user= (User) session.getAttribute("user"); //在登录时将 User 对象放入了 会话
if(user!=null){int myid=user.getId();
String SQL="SELECT id,image_path,old_name FROM t_touxiang WHERE user_id=?";
ResultSet rs=JdbcHelper.query(SQL,myid);
String uSQL="SELECT username,password FROM t_user WHERE id=?";
ResultSet urs=JdbcHelper.query(uSQL,myid);
System.out.println("我的个人id是: " +myid);final List touxiang=new ArrayList<>();try{if(rs.next())
{
tx=newTouxiang();
tx.setId(rs.getInt(1));
tx.setImage_path(rs.getString(2));
tx.setOld_name(rs.getString(3));
touxiang.add(tx);
}if(urs.next()){
user.setUsername(urs.getString(1));
user.setPassword(urs.getString(2));
user.setTouxiang(touxiang);
}
}catch(SQLException e) {//TODO Auto-generated catch block
e.printStackTrace();
}
session.setAttribute("user", user);
System.out.println("我的id: " +myid);
response.sendRedirect( request.getContextPath()+ "/person.html");
}
}
}
在HTML界面接收信息,并显示出来,代码如下:
至此,一个基于Java的头像上传服务器,路径存储在MySQL,并在HTML界面读取出来的功能就基本实现了。头像上传之前进行处理等操作,可以选择一些插件来完成。这里只是简单的实现了基本功能。
3.下载
通过Servlet下载文件的原理是通过servlet读取目标程序,将资源返回客户端。
Insert title here通过链接下载文件
通过servlet程序下载文件
importjava.io.FileInputStream;importjava.io.FileOutputStream;importjava.io.IOException;importjava.io.InputStream;importjava.io.OutputStream;importjavax.servlet.ServletException;importjavax.servlet.annotation.WebServlet;importjavax.servlet.http.HttpServlet;importjavax.servlet.http.HttpServletRequest;importjavax.servlet.http.HttpServletResponse;/*** Servlet implementation class ServletDownload*/@WebServlet(asyncSupported= true, urlPatterns = { "/ServletDownload"})public class ServletDownload extendsHttpServlet {private static final long serialVersionUID = 1L;/***@seeHttpServlet#HttpServlet()*/
publicServletDownload() {super();//TODO Auto-generated constructor stub
}/***@seeHttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throwsServletException, IOException {//TODO Auto-generated method stub//获得请求文件名
String filename = request.getParameter("filename");
System.out.println(filename);//设置文件MIME类型
response.setContentType(getServletContext().getMimeType(filename));//设置Content-Disposition
response.setHeader("Content-Disposition", "attachment;filename="+filename);//读取目标文件,通过response将目标文件写到客户端//获取目标文件的绝对路径
String fullFileName = getServletContext().getRealPath("/download/" +filename);//System.out.println(fullFileName);//读取文件
InputStream in = newFileInputStream(fullFileName);
OutputStream out=response.getOutputStream();//写文件
intb;while((b=in.read())!= -1)
{
out.write(b);
}
in.close();
out.close();
}/***@seeHttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throwsServletException, IOException {//TODO Auto-generated method stub
}
}
补充
对于图片上传,这里只是简单的用Servlet实现了一下最基本的功能,仅提供思路。如果使用spring等框架,他都对图片上传做了很好的封装,应该更加容易。
后台实现图片上传应该来说比较容易,但是比较头疼的是图片上传原生的按钮丑出天际,这里推荐俩实用的上传控件,应该算比较好看。
1,H5实现的图片上传,可多张上传,可点击可拖拽上传
基本的使用介绍和下载地址:http://blog.csdn.net/weixin_36380516/article/details/70352689
2,jQuery图像裁剪插件,大概长这样
不仅提供上传,还有裁剪等功能,UI做的也美,
地址:http://www.jq22.com/jquery-info318