1.文件的上传-servlet实现文件上传---核心API—DiskFileItemFactory
一。文件上传概述
l 实现web开发中的文件上传功能，需完成如下二步操作：
? 在web页面中添加上传输入项
? 在servlet中读取上传文件的数据，并保存到本地硬盘中。
l 如何在web页面中添加上传输入项?
? <input type=“file”>标签用于在web页面中添加文件上传输入项，设置文件上传输入项时须注意：
? 1、必须要设置input输入项的name属性，否则浏览器将不会发送上传文件的数据。
? ２、必须把form的enctype属值设为multipart/form-data.设置该值后，浏览器在上传文件时，将把文件数据附带在http请求消息体中，并使用ＭＩＭＥ协议对上传的文件进行描述，以方便接收方对上传数据进行解析和处理。
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 实现步骤
１、创建DiskFileItemFactory对象，设置缓冲区大小和临时文件目录
２、使用DiskFileItemFactory 对象创建ServletFileUpload对象，并设置上传文件的大小限制。
３、调用ServletFileUpload.parseRequest方法解析request对象，得到一个保存了所有上传内容的List对象。
４、对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数据表中，代码如下：
package filet;import java.awt.List;import java.io.File;import java.io.IOException;import java.sql.Date;import java.util.Iterator;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import javax.servlet.http.HttpSession;import org.apache.tomcat.util.http.fileupload.FileItem;import org.apache.tomcat.util.http.fileupload.FileUploadException;import org.apache.tomcat.util.http.fileupload.disk.DiskFileItemFactory;import org.apache.tomcat.util.http.fileupload.servlet.ServletFileUpload;public class tr { ???@WebServlet("/UploadServlet.do") ?????public class UploadServlet extends HttpServlet { ?????????private static final long serialVersionUID = 1L; ???????????????protected void service(HttpServletRequest request, HttpServletResponse response) ?????????????throws ServletException, IOException { ?????????// 判断上传表单是否为multipart/form-data类型 ?????????HttpSession session = request.getSession(); ?????????User user = (User) session.getAttribute("user"); // 在登录时将 User 对象放入了 会话 ??????????????????????????????????// 中 ???????????????if (ServletFileUpload.isMultipartContent(request)) { ???????????????????try { ?????????????// 1. 创建DiskFileItemFactory对象，设置缓冲区大小和临时文件目录 ?????????????DiskFileItemFactory factory = new DiskFileItemFactory(); ?????????????// System.out.println(System.getProperty("java.io.tmpdir"));//默认临时文件夹 ???????????//判断临时目录是否存在（不存在则创建） ???????????????????File f1 = new File(tempPath); ?????????????????????if(!f1.isDirectory()){ ?????????????????????????System.out.println("临时文件目录不存在! 创建临时文件目录"); ??????????????????????????f1.mkdir(); ??????????????????????} ?????????//设置上传文件的临时目录 区别于默认目录 ????????????factory.setRepository(f1); ??????????????????// 2. 创建ServletFileUpload对象，并设置上传文件的大小限制。 ?????????????ServletFileUpload sfu = new ServletFileUpload(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<FileItem> fileItemList = sfu.parseRequest(request); ?????????????Iterator<FileItem> 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); ?????????????????} ?????????????????// <input type="file">的上传文件的元素 ?????????????????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界面
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>更换头像</title></head><body> ????????<formaction="UploadServlet.do" method="post"enctype="multipart/form-data"> ????????????????????本地目录：<inputtype="file" name="uploadFile"> ??????????<img src="${image_path}" width="200" height="200"> ???????????????<inputtype="submit" value="上传头像"/> ??</form></body></html>至此，图片上传数据库和本地服务器已经实现，那么如何在HTML界面显示出个人信息以及上传的头像呢？
首先定义一个PersonServlet类，用来读取数据库的内容，并发送到HTML界面。
代码如下：
@WebServlet("/persons.do")public class PersonServlet extends HttpServlet { ???private static final long serialVersionUID = -800352785988546254L; ???protected void service(HttpServletRequest request, HttpServletResponse response) ???????throws ServletException, 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> touxiang=new ArrayList<>(); ???????try { ???????if(rs.next()) ???????{ ???????????tx=new Touxiang(); ???????????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界面接收信息，并显示出来，代码如下：
<span style="white-space:pre;"> ???</span><div> ???<form action="UploadServlet.do" method="post" enctype="multipart/form-data"> ??????????????<div><a href="$path/upImage.html">更换头像</a></div> ???????????????????????#foreach( $ut in ?$user.getTouxiang() ) ????????????<img src=" $ut.getImage_path()" ?width="200" height="200"> ????????????#end ????????????<div>我的头像：</div> ????????????<div>我的姓名：$user.getUsername()</div> ????????????<div><a href="$path/myAnswer.do">我的解答</a></div> ???????<div><a href="$path/myQuestion.do">我的提问</a></div> ??<span style="white-space:pre;"> ???</span> </form> ???</div>
至此，一个基于Java的头像上传服务器，路径存储在MySQL，并在HTML界面读取出来的功能就基本实现了。头像上传之前进行处理等操作，可以选择一些插件来完成。这里只是简单的实现了基本功能。
3.下载
通过Servlet下载文件的原理是通过servlet读取目标程序，将资源返回客户端。
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body><h1>通过链接下载文件</h1><a href="/xiaobai/download/cors.zip">压缩包</a><a href="/xiaobai/download/1.png">图片</a><h1>通过servlet程序下载文件</h1><a href="/xiaobai/ServletDownload?filename=cors.zip">压缩包</a><a href="/xiaobai/ServletDownload?filename=1.png">图片</a></body></html>
import java.io.FileInputStream;import java.io.FileOutputStream;import java.io.IOException;import java.io.InputStream;import java.io.OutputStream;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;/** * Servlet implementation class ServletDownload */@WebServlet(asyncSupported = true, urlPatterns = { "/ServletDownload" })public class ServletDownload extends HttpServlet { ???private static final long serialVersionUID = 1L; ??????????/** ????* @see HttpServlet#HttpServlet() ????*/ ???public ServletDownload() { ???????super(); ???????// TODO Auto-generated constructor stub ???} ???/** ????* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) ????*/ ???protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, 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 = new FileInputStream(fullFileName); ???????OutputStream out = response.getOutputStream(); ???????????????//写文件 ???????int b; ???????while((b=in.read())!= -1) ???????{ ???????????out.write(b); ???????} ???????????????in.close(); ???????out.close(); ???} ???/** ????* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) ????*/ ???protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, 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
web操作文件的上传到服务器 并且读取出来
原文地址：https://www.cnblogs.com/charlypage/p/9064941.html