javaWeb文件上传与下载

文件上传与下载在项目中运用的使用频率很大今天也花时间整理了一下多文件上传图片回显和文件下载

1.多文件上传

这里会涉及到几个属性

fileSizeThreshold:缓冲区文件的大小 如果上传的文件的超过了缓冲区的值 那么就会生成一个临时文件存放到指定目录中 缓冲区的大小默认是10KB

maxFileSize:单个文件上传的大小

maxRequestSize ：总共上传文件的最大值

location：文件上传的位置

注意一点当我们上传了多个文件名相同的文件时 上传的文件会覆盖掉前面上传的文件 但是可能只是文件名相同文件的内容不同 这时该怎么办呢？
这里提供了两种方法 
第一种方法 我们可以在输出流中添加系统时间 以为每次我上传文件的时候时间是不同的
第二种方法
还可以使用java中提供的UUID通用唯一识别码 UUID是唯一的
  String uuid = UUID.randomUUID().toString();

 1package com.newroad.upload;
 2 import java.io.File;
 3 import java.io.FileInputStream;
 4 import java.io.FileOutputStream;
 5 import java.io.IOException;
 6 import java.io.InputStream;
 7 import java.io.PrintWriter;
 8 import java.util.Collection;
 9 import java.util.UUID;
10 import javax.servlet.ServletException;
11 import javax.servlet.annotation.MultipartConfig;
12 import javax.servlet.annotation.WebServlet;
13 import javax.servlet.http.HttpServlet;
14 import javax.servlet.http.HttpServletRequest;
15 import javax.servlet.http.HttpServletResponse;
16 import javax.servlet.http.Part;
17 @WebServlet("/upload02.do")
18 @MultipartConfig
19 /*@MultipartConfig(fileSizeThreshold=1024*50,location="d:/test1",maxFileSize=1024*1024,maxRequestSize=1024*1024)*/
20 @SuppressWarnings("serial")
21 public class UpLoadServlet2  extends HttpServlet{
22     
23     @Override
24     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
25         //获得所有的前台传递的数据部分，包含文件，包含文本
26         Collection<Part> parts = request.getParts();
27         //遍历集合
28         for(Part part : parts) {
29             if(!part.getName().equals("file")) {
30                 continue ;
31             }
32             //获得这个文件的名称
33             String fileName = part.getSubmittedFileName();
34             //将文件保存到指定的位置  我们约定的位置在 webapp/upload/ch10_01
35             String realpath = request.getServletContext().getRealPath("");
36             //获得webapp的真实路径
37             File webappPath = new File(realpath).getParentFile();
38             //获得约定的路径的File对象
39             File uploadDi = new File(webappPath,"upload"+request.getContextPath());
40             //为了避免首次上传，文件夹找不到 创建文件夹
41             uploadDi.mkdirs();
42             //创建UUID
43             String uuid = UUID.randomUUID().toString();
44             System.out.println(uuid);
45             FileOutputStream out = new FileOutputStream(new File(uploadDi,System.currentTimeMillis()+"_"+fileName));
46             //获取输入流
47             InputStream in = part.getInputStream();
48             //创建缓冲区
49             byte[] b = new byte[1024];
50             int num=0 ;
51             //循环将输入流中的数据读到缓冲区中
52             while((num=in.read(b))!=-1) {
53                 out.write(b, 0, num);
54             }
55             in.close();
56             out.close();
57         }
58         //响应上传结果
59         response.setCharacterEncoding("utf-8");
60         response.setContentType("text/html;charset=utf-8");
61         
62         PrintWriter writer = response.getWriter();
63         writer.write("上传成功");
64         writer.close();
65         
66     
67     }
68     
69   @Override
70     protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
71         doGet(req, resp);
72     }
73 }

2.图片上传以及回显

经常我们会看到当我们在qq或者其他软件中上传图片的时候就会把上传的图片显示出来接下来来实现这个功能

注意以下

 contentType : false 必须是false,才能够被设置正确的内容类型

 processData : false 告诉jquery不要对数据做处理，如果不设置，那么jquery会按照它的规则对数据进行处理

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <%
 4     String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
 5             + request.getContextPath() + "/";
 6 %>
 7 <!DOCTYPE html>
 8 <html>
 9 <head>
10 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
11 <base href="<%=basePath%>">
12 <title>使用ajax上传图片后，回显至页面</title>
13 <script type="text/javascript" src="js/jquery.js"></script>
14 <script type="text/javascript">
15     $(function() {
16         $("input[type=submit]").on("click", function() {
17             //阻滞默认提交时间
18             event.preventDefault();
19             //数据需要使用到FormData这个对象，将表单中的数据封装到FormData对象中
20             //获得表单对象，不能使用jquery的方式，必须使用原生js来获取
21             var form = document.getElementById("p1");
22             var formData = new FormData(form);
23             $.ajax({
24                 url : "upload03.do",
25                 data : formData,
26                 type : "POST",
27                 //必须是false,才能够被设置正确的内容类型
28                 contentType : false,
29                 //告诉jquery不要对数据做处理，如果不设置，那么jquery会按照它的规则对数据进行处理
30                 processData : false,
31                 //设置上传成功之后 回显图片
32                 success : function(data) {
33                     if (data.path) {
34                         $("#p1").css("display", "inline");
35                         $("#p1").attr("src", "../" + data.path);
36                     }
37 
38                 }
39 
40             })
41 
42         })
43 
44     })
45 </script>
46 <style type="text/css">
47 #p1 {
48     width: 200px;
49     display: none;
50     height: 200px;
51 }
52 </style>
53 </head>
54 <body>
55     <form id="ff">
56         <input type="file" name="file" accept="image/jpeg,image/png,image/gif"><br>
57         <input type="submit" value="准备上传">
           <img id="p1">
58     </form>
59 </body>
60 </html>

图片上传回显其实就是将图片上传成功后将拿到图片的地址然后通过ajax拿到图片的地址并设置图片的显示方式

 1 package com.newroad.upload;
 2 import java.io.File;
 3 import java.io.FileOutputStream;
 4 import java.io.IOException;
 5 import java.io.InputStream;
 6 import java.io.PrintWriter;
 7 import javax.servlet.ServletException;
 8 import javax.servlet.annotation.MultipartConfig;
 9 import javax.servlet.annotation.WebServlet;
10 import javax.servlet.http.HttpServlet;
11 import javax.servlet.http.HttpServletRequest;
12 import javax.servlet.http.HttpServletResponse;
13 import javax.servlet.http.Part;
14 
15 import com.alibaba.fastjson.JSONObject;
16 
17 @WebServlet("/upload03.do")
18 @MultipartConfig
19 @SuppressWarnings("serial")
20 public class UpLoadServlet3 extends HttpServlet {
21     
22     @Override
23     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
24         //获取上传的文件 通过input标签中的name属性值获得相应的Part对象
25         Part part = request.getPart("file");
26         //获取文件名称
27         String fileName =part.getSubmittedFileName();
28         //获得tomcat的目录
29         String realPath =request.getServletContext().getRealPath("");
30         File parentFile = new File(realPath).getParentFile();
31         File uploadDi = new File(parentFile,"upload"+request.getContextPath());
32         //创建文件夹
33         uploadDi.mkdirs();
34         //将文件写出到硬盘中
35         FileOutputStream out = new FileOutputStream(new File(uploadDi,fileName));
36         //获得输入流
37         InputStream in = part.getInputStream();
38         //创建一个缓冲区
39         byte[] b = new byte[1024*3];
40         //判断输入流中的数据读完的标志
41         int num = 0 ;
42         //循环将输入流中的数据读取到缓冲区中 判断读完的标志是num=in.read(b)>0
43         while((num=in.read(b)) !=-1) {
44             //将缓冲区的数据写到指定的目录中
45             out.write(b, 0, num);
46         }
           out.close();
48         in.close();
49     
50         //响应信息
51         response.setCharacterEncoding("utf-8");
52         response.setContentType("application/json;charset=utf-8");
53         PrintWriter writer = response.getWriter();
54         //将图片地址响应给前端
55         String path = "upload"+request.getContextPath()+"/"+fileName ;
56         JSONObject jobj = new JSONObject();
57         jobj.put("path", path);
58         
59         writer.write(jobj.toJSONString());
60         writer.close();
61     }
62     
63     @Override
64     protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
65         doGet(req, resp);
66     }
67 
68 }

3.文件下载

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3     <%
 4        String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/";
 5     %>
 6 <!DOCTYPE html>
 7 <html>
 8 <head>
 9 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
10    <base href="<%=basePath%>">
11 <title>下载文件</title>
12 </head>
13 <body>
14  <h2>文本文档</h2><a href="download.do?file=端口号别站用.txt">端口号别站用</a>
15  <h2>学习视频</h2><a href="download.do?file=用户角色权限.wmv">用户角色权限</a>
16 
17 </body>
18 </html>

DownLoadServlet

注意

当我们下载一个中文名的文件的时候可能会出现乱码这时需要设置响应头的信息

Content-Disposition 响应头的格式为 inline|attachment;filename=文件名

inline表示如果该资源浏览器能够直接展示，则直接展示，否则下载，attachment表示直接以附件形式下载

如果文件有中文名这时可以使用URLEncoder.encode方法，将文件名编码成unicode码

 1 package com.newroad.upload;
 2 import java.io.File;
 3 import java.io.FileInputStream;
 4 import java.io.IOException;
 5 import java.io.OutputStream;
 6 import java.io.PrintWriter;
 7 import java.net.URLEncoder;
 8 import javax.servlet.ServletException;
 9 import javax.servlet.annotation.WebServlet;
10 import javax.servlet.http.HttpServlet;
11 import javax.servlet.http.HttpServletRequest;
12 import javax.servlet.http.HttpServletResponse;
13 @WebServlet("/download.do")
14 @SuppressWarnings("serial")
15 public class DownLoadServlet extends HttpServlet {
16     @Override
17     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
18         req.setCharacterEncoding("utf-8");
19         resp.setCharacterEncoding("utf-8");
20         // 获得到参数中的下载文件的名字
21         String filename = req.getParameter("file");
22         System.out.println(filename);
23         File file = new File("D:/" + filename);
24         if (file.exists()) {
25             /*
26              * 设置响应头信息，Content-Disposition 响应头的格式为 inline|attachment;filename=文件名
27              * inline表示如果该资源浏览器能够直接展示，则直接展示，否则下载，attachment表示直接以附件形式下载
28              * 如果文件名中有中文，那么下载时，会出现中文乱码，这时可以使用URLEncoder.encode方法，将文件名编码成unicode码
29              */
30             String contentDisposition = "attachment;filename=" + URLEncoder.encode(file.getName(), "utf-8");
31             resp.setHeader("Content-Disposition", contentDisposition);
32             // 创建文件字节读取流对象时，必须明确与之关联的数据源。
33             FileInputStream in = new FileInputStream(file);
34             // 获取输出流
35             OutputStream oStream = resp.getOutputStream();
36             // 创建缓冲区
37             byte[] b = new byte[1024 * 3];
38             // number用来判断输入流读完的标记
39             int number;
40             // 循环读取输入流中的数据到缓冲区中
41             while ((number = in.read(b)) != -1) {
42                 oStream.write(b, 0, number);
43             }
44             oStream.close();
45             in.close();
46         } else {
47             resp.setContentType("text/html;charset=utf-8");
48             PrintWriter writer = resp.getWriter();
49             writer.write("该文件丢失了");
50             writer.close();
51         }
52 
53     }
54 
55     @Override
56     protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
57 
58         doGet(req, resp);
59     }
60 }

javaWeb文件上传与下载

猜你喜欢