使用SmartUpload组件实现（下载jsmartcom_zh_CN.jar） 2017-11-07
1、在WebRoot创建以下文件夹，css存放样式文件(css文件直接拷贝进去)，images存放图片(图片也拷贝进去)，js存放js文件(拷贝)，jsp存放我们的jsp文件
2、创建jsp文件 01.jsp
3、编写jsp
1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <% 4 String path = request.getContextPath(); 5 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 6 %> 7 <html> 8 <head> 9 <base href="<%=basePath%>"> 10 <title>My JSP '01.jsp' starting page</title> 11 <!-- 引入我们css样式文件 --> 12 <link rel="stylesheet" type="text/css" href="css/common.css"> 13 <!-- 引入我们js文件 --> 14 <script type="text/javascript" src="js/jquery-1.11.1.js"></script> 15 <script type="text/javascript"> 16 /* 17 替换默认显示图片，显示当前我们选中的图片 18 1、获取<p class="thumbs">中<a>标签事件 19 2、获取href title 20 3、获取<p><img id="largeImg"</p> 21 4、把当前选中的href title赋给默认 22 */ 23 $(function(){ 24 $(".thumbs a").click(function(){ 25 var largePath = $(this).attr("href"); 26 var largeAlt = $(this).attr("title"); 27 $("#largeImg").attr({ 28 src:largePath, 29 alt:largeAlt 30 }); 31 return false; 32 }); 33 }); 34 35 </script> 36 </head> 37 38 <body> 39 <h2>文件批量上传</h2> 40 <!-- 处理类路径，提交方式，类型 --> 41 <form action="smartUploadServlet.do" method="post" enctype="multipart/form-data"> 42 <label>文件一:</label> 43 <input name="myfile1" type="file"/><br> 44 <label>文件二:</label> 45 <input name="myfile2" type="file"/><br> 46 <label>文件三:</label> 47 <input name="myfile3" type="file"/><br> 48 <!-- 处理完后台返回一个消息同el表达式${result} --> 49 <input type="submit" value="上传文件"/><b style="color: red">${result}</b> 50 </form> 51 <hr> 52 53 <h2>文件批量下载</h2> 54 <!-- 处理类路径 --> 55 <form action="batchDownloadServlet.do"> 56 <input type="checkbox" name="filename" value="img2-lg.jpg"/>Image2 57 <input type="checkbox" name="filename" value="img3-lg.jpg"/>Image3 58 <input type="checkbox" name="filename" value="img4-lg.jpg"/>Image4 59 <input type="submit" value="下载文件"/> 60 </form>
<!--
下载：<input type="file" name="filename" value="img2-lg.jpg"/>Image2
--> 61 <hr> 62 63 <h2>图片预览</h2> 64 <p><img id="largeImg" alt="Large Image" src="images/img1-lg.jpg"></p> 65 <p class="thumbs"> 66 <a href="images/img2-lg.jpg" title="Image2"><img src="images/img2-thumb.jpg"></a> 67 <a href="images/img3-lg.jpg" title="Image3"><img src="images/img3-thumb.jpg"></a> 68 <a href="images/img4-lg.jpg" title="Image4"><img src="images/img4-thumb.jpg"></a> 69 <a href="images/img5-lg.jpg" title="Image5"><img src="images/img5-thumb.jpg"></a> 70 <a href="images/img6-lg.jpg" title="Image6"><img src="images/img6-thumb.jpg"></a> 71 </p> 72 </body> 73 </html>
4、后台创建SmartUploadServlet(上传) web.xml配置路径，jsp文件中<form action="smartUploadServlet.do">必须和web.xml中一致
1 <?xml version="1.0" encoding="UTF-8"?> 2 <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 3 xmlns="http://java.sun.com/xml/ns/javaee" 4 xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0"> 5 <display-name>scx</display-name> 6 7 <servlet> 8 <servlet-name>SmartUploadServlet</servlet-name> 9 <servlet-class>com.imooc.servlet.SmartUploadServlet</servlet-class> 10 </servlet> 11 12 <servlet> 13 <servlet-name>SmartDownloadServlet</servlet-name> 14 <servlet-class>com.imooc.servlet.SmartDownloadServlet</servlet-class> 15 </servlet> 16 <servlet> 17 <servlet-name>BatchDownloadServlet</servlet-name> 18 <servlet-class>com.imooc.servlet.BatchDownloadServlet</servlet-class> 19 </servlet> 20 21 <servlet-mapping> 22 <servlet-name>SmartUploadServlet</servlet-name> 23 <url-pattern>/smartUploadServlet.do</url-pattern> 24 </servlet-mapping> 25 26 <servlet-mapping> 27 <servlet-name>SmartDownloadServlet</servlet-name> 28 <url-pattern>/smartDownloadServlet.do</url-pattern> 29 </servlet-mapping> 30 31 <servlet-mapping> 32 <servlet-name>BatchDownloadServlet</servlet-name> 33 <url-pattern>/batchDownloadServlet.do</url-pattern> 34 </servlet-mapping> 35 36 <welcome-file-list> 37 <welcome-file>index.jsp</welcome-file> 38 </welcome-file-list> 39 </web-app>
5、编写SmartUploadServlet（多个上传，单个上传只需要把jsp文件中input留下一个）
1 package com.imooc.servlet; 2 3 import java.io.File; 4 import java.io.IOException; 5 6 import javax.servlet.ServletException; 7 import javax.servlet.http.HttpServlet; 8 import javax.servlet.http.HttpServletRequest; 9 import javax.servlet.http.HttpServletResponse; 10 11 import com.jspsmart.upload.SmartUpload; 12 13 public class SmartUploadServlet extends HttpServlet { 14 15 /** 16 * 17 */ 18 private static final long serialVersionUID = 1L; 19 20 public void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { 21 doPost(req, resp); 22 } 23 24 public void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { 25 26 req.setCharacterEncoding("UTF-8"); 27 // 设置上传的保存路径 28 String filePath = getServletContext().getRealPath("/") + "images"; 29 // 创建文件对象 如果存在就不创建，否则创建文件夹 30 File file = new File(filePath); 31 if (file.exists()) { 32 file.mkdir(); 33 } 34 // 创建SmartUpload对象 35 SmartUpload su = new SmartUpload(); 36 // 初始化对象 37 su.initialize(getServletConfig(), req, resp); 38 // 设置上传文件大小 39 su.setTotalMaxFileSize(1024 * 1024 * 100); 40 // 设置上传文件类型 41 su.setAllowedFilesList("txt,jpg,gif"); 42 // 创建提示变量 43 String result = "上传成功"; 44 try { 45 // 设置禁止上传类型 46 su.setDeniedFilesList("rar,jsp,js"); 47 su.upload(); 48 // 返回上传文件数量 49 int count = su.save(filePath); 50 System.out.println("上传成功" + count + "个文件！"); 51 52 } catch (Exception e) { 53 result = "上传失败"; 54 e.printStackTrace(); 55 } 56 57 // 获取上传成功的文件的属性 58 for (int i = 0; i < su.getFiles().getCount(); i++) { 59 com.jspsmart.upload.File tempFile = su.getFiles().getFile(i); 60 System.out.println("---------------------"); 61 System.out.println("表单当中name属性值：" + tempFile.getFieldName()); 62 System.out.println("上传文件名：" + tempFile.getFieldName()); 63 System.out.println("上传文件长度:" + tempFile.getSize()); 64 System.out.println("上传文件的拓展名：" + tempFile.getFileExt()); 65 System.out.println("上传文件的全名：" + tempFile.getFilePathName()); 66 System.out.println("---------------------"); 67 } 68 req.setAttribute("result", result); 69 req.getRequestDispatcher("jsp/01.jsp").forward(req, resp); 70 } 71 72 }
6、SmartDownloadServlet（单个下载）
1 package com.imooc.servlet; 2 3 import java.io.IOException; 4 5 import javax.servlet.ServletException; 6 import javax.servlet.http.HttpServlet; 7 import javax.servlet.http.HttpServletRequest; 8 import javax.servlet.http.HttpServletResponse; 9 10 import com.jspsmart.upload.SmartUpload; 11 import com.jspsmart.upload.SmartUploadException; 12 13 public class SmartDownloadServlet extends HttpServlet { 14 15 /** 16 * 17 */ 18 private static final long serialVersionUID = 1L; 19 20 public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 21 doPost(request, response); 22 } 23 24 public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 25 // 获取文件名称 26 String filename = request.getParameter("filename"); 27 SmartUpload su = new SmartUpload(); 28 // 初始化 29 su.initialize(getServletConfig(), request, response); 30 // 把默认显示方式设为空 31 su.setContentDisposition(null); 32 33 try { 34 su.downloadFile("/images/" + filename); 35 } catch (SmartUploadException e) { 36 e.printStackTrace(); 37 } 38 } 39 }
7、BatchDownloadServlet（多个文件下载）
1 package com.imooc.servlet; 2 3 import java.io.File; 4 import java.io.FileInputStream; 5 import java.io.IOException; 6 import java.util.zip.ZipEntry; 7 import java.util.zip.ZipOutputStream; 8 9 import javax.servlet.ServletException; 10 import javax.servlet.http.HttpServlet; 11 import javax.servlet.http.HttpServletRequest; 12 import javax.servlet.http.HttpServletResponse; 13 14 public class BatchDownloadServlet extends HttpServlet { 15 16 /** 17 * 18 */ 19 private static final long serialVersionUID = 1L; 20 21 public void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { 22 doPost(req, resp); 23 } 24 25 public void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { 26 resp.setContentType("application/x-msdownload"); 27 // 以附件的形式下载 28 resp.setHeader("Content-Disposition", "attachment;filename=test.zip"); 29 30 // 获取下载路径 31 String path = getServletContext().getRealPath("/") + "images/"; 32 // 获取文件数组 33 String[] filenames = req.getParameterValues("filename"); 34 // 创建空字符串 35 String str = ""; 36 // 换行符 37 String rt = "\r\n"; 38 // 创建压缩包输出流 39 ZipOutputStream zos = new ZipOutputStream(resp.getOutputStream()); 40 // 遍历文件数组 41 for (String filename : filenames) { 42 str += filename + rt; 43 // 创建文件对象 44 File file = new File(path + filename); 45 zos.putNextEntry(new ZipEntry(filename)); 46 // 创建文件输出流 47 FileInputStream fis = new FileInputStream(file); 48 byte[] b = new byte[1024]; 49 int n = 0; 50 while ((n = fis.read(b)) != -1) { 51 zos.write(b, 0, n); 52 } 53 zos.flush(); 54 fis.close(); 55 } 56 zos.setComment("成功" + rt + str); 57 zos.flush(); 58 zos.close(); 59 } 60 }
效果图
958
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
