1.文件的上传-servlet实现文件上传---核心API—DiskFileItemFactory

一。文件上传概述

l  实现web开发中的文件上传功能,需完成如下二步操作:

•    在web页面中添加上传输入项

•    在servlet中读取上传文件的数据,并保存到本地硬盘中。

l  如何在web页面中添加上传输入项?

•    <input type=“file”>标签用于在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:

  1. DROP TABLE IF EXISTS `t_user`;
  2. CREATE TABLE `t_user` (
  3. `id` int(10) NOT NULL AUTO_INCREMENT,
  4. `username` varchar(20) NOT NULL,
  5. `password` varchar(255) NOT NULL,
  6. PRIMARY KEY (`id`),
  7. UNIQUE KEY `username` (`username`)
  8. ) ENGINE=InnoDB AUTO_INCREMENT=22 DEFAULT

T_touxiang表SQL:

  1. DROP TABLE IF EXISTS `t_touxiang`;
  2. CREATE TABLE `t_touxiang` (
  3. `id` int(10) NOT NULL AUTO_INCREMENT,
  4. `image_path` varchar(255) DEFAULT NULL,
  5. `user_id` int(11) DEFAULT NULL,
  6. `old_name` varchar(255) DEFAULT NULL,
  7. PRIMARY KEY (`id`),
  8. KEY `img_user` (`user_id`),
  9. CONSTRAINT `img_user` FOREIGN KEY (`user_id`) REFERENCES `t_user` (`id`)
  10. ) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=utf8;

首先,写一个UploadServlet.java,用来处理图片文件的上传,并将图片路径,图片名称等信息存放到t_touxiang数据表中,代码如下:

  1. package filet;
  2.  
  3. import java.awt.List;
  4. import java.io.File;
  5. import java.io.IOException;
  6. import java.sql.Date;
  7. import java.util.Iterator;
  8.  
  9. import javax.servlet.ServletException;
  10. import javax.servlet.annotation.WebServlet;
  11. import javax.servlet.http.HttpServlet;
  12. import javax.servlet.http.HttpServletRequest;
  13. import javax.servlet.http.HttpServletResponse;
  14. import javax.servlet.http.HttpSession;
  15.  
  16. import org.apache.tomcat.util.http.fileupload.FileItem;
  17. import org.apache.tomcat.util.http.fileupload.FileUploadException;
  18. import org.apache.tomcat.util.http.fileupload.disk.DiskFileItemFactory;
  19. import org.apache.tomcat.util.http.fileupload.servlet.ServletFileUpload;
  20.  
  21. public class tr {
  22. @WebServlet("/UploadServlet.do")
  23. public class UploadServlet extends HttpServlet {
  24. private static final long serialVersionUID = 1L;
  25.  
  26. protected void service(HttpServletRequest request, HttpServletResponse response)
  27. throws ServletException, IOException {
  28. // 判断上传表单是否为multipart/form-data类型
  29. HttpSession session = request.getSession();
  30. User user = (User) session.getAttribute("user"); // 在登录时将 User 对象放入了 会话
  31. // 中
  32.  
  33. if (ServletFileUpload.isMultipartContent(request)) {
  34.  
  35. try {
  36. // 1. 创建DiskFileItemFactory对象,设置缓冲区大小和临时文件目录
  37. DiskFileItemFactory factory = new DiskFileItemFactory();
  38. // System.out.println(System.getProperty("java.io.tmpdir"));//默认临时文件夹
  39. //判断临时目录是否存在(不存在则创建)
  40. File f1 = new File(tempPath);
  41. if(!f1.isDirectory()){
  42. System.out.println("临时文件目录不存在! 创建临时文件目录");
  43. f1.mkdir();
  44. }
  45. //设置上传文件的临时目录 区别于默认目录
  46. factory.setRepository(f1);
  47.  
  48. // 2. 创建ServletFileUpload对象,并设置上传文件的大小限制。
  49. ServletFileUpload sfu = new ServletFileUpload(factory);
  50. sfu.setSizeMax(10 * 1024 * 1024);// 以byte为单位 不能超过10M 1024byte =
  51. // 1kb 1024kb=1M 1024M = 1G
  52. sfu.setHeaderEncoding("utf-8");
  53.  
  54. // 3.
  55. // 调用ServletFileUpload.parseRequest方法解析request对象,得到一个保存了所有上传内容的List对象。
  56. @SuppressWarnings("unchecked")
  57. List<FileItem> fileItemList = sfu.parseRequest(request);
  58. Iterator<FileItem> fileItems = fileItemList.iterator();
  59.  
  60. // 4. 遍历list,每迭代一个FileItem对象,调用其isFormField方法判断是否是上传文件
  61. while (fileItems.hasNext()) {
  62. FileItem fileItem = fileItems.next();
  63. // 普通表单元素
  64. if (fileItem.isFormField()) {
  65. String name = fileItem.getFieldName();// name属性值
  66. String value = fileItem.getString("utf-8");// name对应的value值
  67.  
  68. System.out.println(name + " = " + value);
  69. }
  70. // <input type="file">的上传文件的元素
  71. else {
  72. String fileName = fileItem.getName();// 文件名称
  73. System.out.println("原文件名:" + fileName);// Koala.jpg
  74.  
  75. String suffix = fileName.substring(fileName.lastIndexOf('.'));
  76. System.out.println("扩展名:" + suffix);// .jpg
  77.  
  78. // 新文件名(唯一)
  79. String newFileName = new Date().getTime() + suffix;
  80. System.out.println("新文件名:" + newFileName);// image\1478509873038.jpg
  81.  
  82. // 5. 调用FileItem的write()方法,写入文件
  83. File file = new File("D:/xiaobaiProjects/mySpace/wendao/WebContent/touxiang/" + newFileName);
  84. System.out.println(file.getAbsolutePath());
  85. fileItem.write(file);
  86.  
  87. // 6. 调用FileItem的delete()方法,删除临时文件
  88. fileItem.delete();
  89.  
  90. /*
  91. * 存储到数据库时注意 1.保存源文件名称 Koala.jpg 2.保存相对路径
  92. * image/1478509873038.jpg
  93. *
  94. */
  95. if (user != null) {
  96. int myid = user.getId();
  97. String SQL = "INSERT INTO t_touxiang(image_path,user_id,old_name)VALUES(?,?,?)";
  98. int rows = JdbcHelper.insert(SQL, false, "touxiang/" + newFileName, myid, fileName);
  99. if (rows > 0) {
  100. session.setAttribute("image_name", fileName);
  101. session.setAttribute("image_path", "touxiang/" + newFileName);
  102. response.sendRedirect(request.getContextPath() + "/upImage.html");
  103. } else {
  104.  
  105. }
  106.  
  107. } else {
  108. session.setAttribute("loginFail", "请登录");
  109. response.sendRedirect(request.getContextPath() + "/login.html");
  110. }
  111.  
  112. }
  113. }
  114.  
  115. } catch (FileUploadException e) {
  116. e.printStackTrace();
  117. } catch (Exception e) {
  118. e.printStackTrace();
  119. }
  120.  
  121. }
  122. }
  123. }
  124. }

在完成图片上传并写入数据库的同时,将图片路径通过session的方式发送到HTML界面

  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.  
  5. <head>
  6.  
  7. <meta charset="UTF-8">
  8.  
  9. <title>更换头像</title>
  10.  
  11. </head>
  12.  
  13. <body>
  14.  
  15. <formaction="UploadServlet.do" method="post"enctype="multipart/form-data">
  16.  
  17. 本地目录:<inputtype="file" name="uploadFile">
  18.  
  19. <img src="${image_path}" width="200" height="200">
  20.  
  21. <inputtype="submit" value="上传头像"/>
  22.  
  23. </form>
  24.  
  25. </body>
  26.  
  27. </html>

至此,图片上传数据库和本地服务器已经实现,那么如何在HTML界面显示出个人信息以及上传的头像呢?

首先定义一个PersonServlet类,用来读取数据库的内容,并发送到HTML界面。

代码如下:

  1. @WebServlet("/persons.do")
  2. public class PersonServlet extends HttpServlet {
  3.  
  4. private static final long serialVersionUID = -800352785988546254L;
  5.  
  6. protected void service(HttpServletRequest request, HttpServletResponse response)
  7. throws ServletException, IOException {
  8. // 判断上传表单是否为multipart/form-data类型
  9. Touxiang tx=null;
  10.  
  11. HttpSession session = request.getSession();
  12. User user = (User) session.getAttribute("user"); // 在登录时将 User 对象放入了 会话
  13. if(user!=null){
  14. int myid=user.getId();
  15. String SQL="SELECT id,image_path,old_name FROM t_touxiang WHERE user_id=?";
  16. ResultSet rs=JdbcHelper.query(SQL,myid);
  17. String uSQL="SELECT username,password FROM t_user WHERE id=?";
  18. ResultSet urs=JdbcHelper.query(uSQL,myid);
  19. System.out.println( "我的个人id是: " + myid);
  20. final List<Touxiang> touxiang=new ArrayList<>();
  21. try {
  22. if(rs.next())
  23. {
  24. tx=new Touxiang();
  25. tx.setId(rs.getInt(1));
  26. tx.setImage_path(rs.getString(2));
  27. tx.setOld_name(rs.getString(3));
  28. touxiang.add(tx);
  29. }
  30. if(urs.next()){
  31. user.setUsername(urs.getString(1));
  32. user.setPassword(urs.getString(2));
  33. user.setTouxiang(touxiang);
  34. }
  35.  
  36. } catch (SQLException e) {
  37. // TODO Auto-generated catch block
  38. e.printStackTrace();
  39. }
  40.  
  41. session.setAttribute("user", user);
  42. System.out.println( "我的id: " + myid);
  43. response.sendRedirect( request.getContextPath() + "/person.html");
  44. }
  45. }
  46. }

在HTML界面接收信息,并显示出来,代码如下:

  1. <span style="white-space:pre;"> </span><div>
  2. <form action="UploadServlet.do" method="post" enctype="multipart/form-data">
  3. <div><a href="$path/upImage.html">更换头像</a></div>
  4.  
  5. #foreach( $ut in $user.getTouxiang() )
  6. <img src=" $ut.getImage_path()" width="200" height="200">
  7. #end
  8. <div>我的头像:</div>
  9. <div>我的姓名:$user.getUsername()</div>
  10. <div><a href="$path/myAnswer.do">我的解答</a></div>
  11. <div><a href="$path/myQuestion.do">我的提问</a></div>
  12. <span style="white-space:pre;"> </span> </form>
  13. </div>

至此,一个基于Java的头像上传服务器,路径存储在MySQL,并在HTML界面读取出来的功能就基本实现了。头像上传之前进行处理等操作,可以选择一些插件来完成。这里只是简单的实现了基本功能。

3.下载

通过Servlet下载文件的原理是通过servlet读取目标程序,将资源返回客户端。

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Insert title here</title>
  6. </head>
  7. <body>
  8. <h1>通过链接下载文件</h1>
  9. <a href="/xiaobai/download/cors.zip">压缩包</a>
  10. <a href="/xiaobai/download/1.png">图片</a>
  11. <h1>通过servlet程序下载文件</h1>
  12. <a href="/xiaobai/ServletDownload?filename=cors.zip">压缩包</a>
  13. <a href="/xiaobai/ServletDownload?filename=1.png">图片</a>
  14. </body>
  15. </html>
  1. import java.io.FileInputStream;
  2. import java.io.FileOutputStream;
  3. import java.io.IOException;
  4. import java.io.InputStream;
  5. import java.io.OutputStream;
  6.  
  7. import javax.servlet.ServletException;
  8. import javax.servlet.annotation.WebServlet;
  9. import javax.servlet.http.HttpServlet;
  10. import javax.servlet.http.HttpServletRequest;
  11. import javax.servlet.http.HttpServletResponse;
  12.  
  13. /**
  14. * Servlet implementation class ServletDownload
  15. */
  16. @WebServlet(asyncSupported = true, urlPatterns = { "/ServletDownload" })
  17. public class ServletDownload extends HttpServlet {
  18. private static final long serialVersionUID = 1L;
  19.  
  20. /**
  21. * @see HttpServlet#HttpServlet()
  22. */
  23. public ServletDownload() {
  24. super();
  25. // TODO Auto-generated constructor stub
  26. }
  27.  
  28. /**
  29. * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
  30. */
  31. protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  32. // TODO Auto-generated method stub
  33.  
  34. //获得请求文件名
  35. String filename = request.getParameter("filename");
  36. System.out.println(filename);
  37.  
  38. //设置文件MIME类型
  39. response.setContentType(getServletContext().getMimeType(filename));
  40. //设置Content-Disposition
  41. response.setHeader("Content-Disposition", "attachment;filename="+filename);
  42. //读取目标文件,通过response将目标文件写到客户端
  43. //获取目标文件的绝对路径
  44. String fullFileName = getServletContext().getRealPath("/download/" + filename);
  45. //System.out.println(fullFileName);
  46. //读取文件
  47. InputStream in = new FileInputStream(fullFileName);
  48. OutputStream out = response.getOutputStream();
  49.  
  50. //写文件
  51. int b;
  52. while((b=in.read())!= -1)
  53. {
  54. out.write(b);
  55. }
  56.  
  57. in.close();
  58. out.close();
  59. }
  60.  
  61. /**
  62. * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
  63. */
  64. protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
  65. // TODO Auto-generated method stub
  66. }
  67.  
  68. }

补充

对于图片上传,这里只是简单的用Servlet实现了一下最基本的功能,仅提供思路。如果使用spring等框架,他都对图片上传做了很好的封装,应该更加容易。

后台实现图片上传应该来说比较容易,但是比较头疼的是图片上传原生的按钮丑出天际,这里推荐俩实用的上传控件,应该算比较好看。

1,H5实现的图片上传,可多张上传,可点击可拖拽上传

基本的使用介绍和下载地址:http://blog.csdn.net/weixin_36380516/article/details/70352689

2,jQuery图像裁剪插件,大概长这样

不仅提供上传,还有裁剪等功能,UI做的也美,

地址:http://www.jq22.com/jquery-info318

web操作文件的上传到服务器 并可下载 并且读取出来的更多相关文章

  1. Java web开发——文件的上传和下载

    一. 功能性需求与非功能性需求 要求操作便利,一次选择多个文件和文件夹进行上传:支持PC端全平台操作系统,Windows,Linux,Mac 支持文件和文件夹的批量下载,断点续传.刷新页面后继续传输. ...

  2. Web大文件(夹)上传(断点续传)控件-Xproer.HttpUploader6

    版权所有 2009-2017荆门泽优软件有限公司 保留所有权利 官方网站:http://www.ncmem.com/ 产品首页:http://www.ncmem.com/webapp/up6.2/in ...

  3. HTML5 文件域+FileReader 读取文件并上传到服务器(三)

    一.读取文件为blob并上传到服务器 HTML <div class="container"> <!--读取要上传的文件--> <input type ...

  4. Web大文件(夹)上传(断点续传)控件发布-Xproer.HttpUploader6

    版权所有 2009-2017荆门泽优软件有限公司 保留所有权利 官方网站:http://www.ncmem.com/ 产品首页:http://www.ncmem.com/webapp/up6.2/in ...

  5. 打包vue文件,上传到服务器

    主要步骤: 1. npm run build生成dist文件夹 2. 将dist文件夹上传到服务器上 3. 服务器上配置nginx,访问路径指向dist文件夹下的index.html,这样当访问ngi ...

  6. 初学Java Web(7)——文件的上传和下载

    文件上传 文件上传前的准备 在表单中必须有一个上传的控件 <input type="file" name="testImg"/> 因为 GET 方式 ...

  7. Web大文件分片上传

    在Web应用系统开发中,文件上传和下载功能是非常常用的功能,今天来讲一下JavaWeb中的文件上传和下载功能的实现. 先说下要求: PC端全平台支持,要求支持Windows,Mac,Linux 支持所 ...

  8. HTML5 文件域+FileReader 分段读取文件并上传到服务器(六)

    说明:使用Ajax方式上传,文件不能过大,最好小于三四百兆,因为过多的连续Ajax请求会使后台崩溃,获取InputStream中数据会为空,尤其在Google浏览器测试过程中. 1.简单分段读取文件为 ...

  9. SpringMVC中文件的上传(上传到服务器)和下载问题(一)

    一.今天我们所说的是基于SpringMVC的关于文件的上传和下载的问题的解决.(这里所说的上传和下载都是上传到服务器与从服务器上下载文件).这里的文件包括我们常用的各种文件.如:文本文件(.txt), ...

随机推荐

  1. Kinect相机位姿

    可以直接得到吧 还是要反求 pose.txt 里面一共有5个七参数.正好对应5幅图片.

  2. SQL描述(2)

    很久之前就想写出来,就是因为自己太懒,憋了怎么久.本文关于使用ORACLE分析函数对一些经济指标进行计算.表indi_value有3个关键的字段:indi_date,indi_value,indi_i ...

  3. Spring 之 IOC

    IoC的全称是Inversion of Control,中文称为控制反转, Martin Flower由根据它创造了一个新词:Dependency Injection,中文称为依赖注入.这两个词讲的是 ...

  4. Homework 4

    Homework 4 开发工具:dev c++ 开发语言:c++ 源代码上传至github:上传一直失败... 合作人:曹权 博客地址:http://www.cnblogs.com/c2016/ 这里 ...

  5. 教你如何学python

    首先,你要有自信心,要明确学习目的.学Python,可以解决在软件使用中所遇到的问题,可以为找到理想工作添加重要砝码.还能锻炼思维,使我们的逻辑思维更加严密:能不断享受到创新的乐趣,将走在高科技的前沿 ...

  6. TSQL--INT转换成指定长度字符串

    -- ================================================ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO ...

  7. .Net面试经验,从北京到杭州

    首先简单说下,本人小本,目前大四软件工程专业,大三阴差阳错地选了.Net方向,也是从大三开始接触.Net.自认为在学生中.net基础还可以,嘿嘿,吹一下. 大四第一学期学校安排去北京培训,培训了两个月 ...

  8. ajaxfileupload插件上传图片功能,用MVC和aspx做后台各写了一个案例

    HTML代码 和js 代码 @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name=&quo ...

  9. RoadFlow ASP.NET Core工作流引擎IIS部署

    RoadFlow最新版本采用ASP.NET CORE2.1开发,部署步骤和.NET CORE部署一样,具体可参数ASP.NET CORE的部署方式. 1. 获取代码 首先从RoadFlow官网下载最新 ...

  10. SpringBoot :docker

    Docker 是一个开源的应用容器引擎 docker官方网站:https://hub.docker.com/ $部署docker到Linux系统 1.准备一个Linux系统的虚拟机或者物理机 本例所使 ...