图片上传功能<转>http://blog.csdn.net/u011159417/article/details/50126023

时间:2023-02-26 00:28:25

以前也实现过上传,只不过每次都是,写完之后没有总结,下次遇到时,还要重新写,重新调式,很是浪费时间,所以,今天实现一个上传图片的功能,包括简单的页面和servlet,下次再要写这个功能时,直接拿过来就可以了,没有理论,直接上代码+少量的注释。在最下面我会把项目上传,大家需要jar包,可以从项目中拿。

该项目用到的jar包如图,在下面的项目demo中有jar包:

图片上传功能<转>http://blog.csdn.net/u011159417/article/details/50126023

一、upload.jsp页面代码:

[html] view plain copy

print?

  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  4. <html>
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7. <meta http-equiv="pragma" content="no-cache" />
  8. <base target="_self">
  9. <title>文件上传</title>
  10. </head>
  11. <body>
  12. <h5>文件上传</h5><hr/>
  13. <form id="file_upload_id" name="file_upload_name" action="upload" method="post" enctype="multipart/form-data">
  14. 文件名称:<input type="text" name="fileName" value="aaa.jpg"/>
  15. 作       者: <input type="text" name="author" value="jack"/>
  16. <div><input type="file" name="file_upload"/></div>
  17. <div><input type="submit" value="上传" /></div>
  18. </form>
  19. </body>
  20. </html>

二、web.xml配置文件代码:

[html] view plain copy

print?

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
  3. <display-name>UploadDemo</display-name>
  4. <welcome-file-list>
  5. <welcome-file>index.html</welcome-file>
  6. <welcome-file>index.htm</welcome-file>
  7. <welcome-file>index.jsp</welcome-file>
  8. <welcome-file>default.html</welcome-file>
  9. <welcome-file>default.htm</welcome-file>
  10. <welcome-file>default.jsp</welcome-file>
  11. </welcome-file-list>
  12. <servlet>
  13. <servlet-name>uploadPhoto</servlet-name>
  14. <servlet-class>com.upload.demo.UploadServlet</servlet-class>
  15. </servlet>
  16. <servlet-mapping>
  17. <servlet-name>uploadPhoto</servlet-name>
  18. <url-pattern>/upload</url-pattern>
  19. </servlet-mapping>
  20. </web-app>

三、UploadServlet代码:

[html] view plain copy

print?

  1. package com.upload.demo;  
  2. import java.io.BufferedReader;  
  3. import java.io.File;  
  4. import java.io.FileOutputStream;  
  5. import java.io.IOException;  
  6. import java.io.InputStream;  
  7. import java.io.InputStreamReader;  
  8. import java.util.ArrayList;  
  9. import java.util.Date;  
  10. import java.util.HashMap;  
  11. import java.util.List;  
  12. import java.util.Map;  
  13. import java.util.Properties;  
  14. import java.util.UUID;  
  15. import javax.servlet.ServletException;  
  16. import javax.servlet.http.HttpServlet;  
  17. import javax.servlet.http.HttpServletRequest;  
  18. import javax.servlet.http.HttpServletResponse;  
  19. import org.apache.commons.fileupload.FileItem;  
  20. import org.apache.commons.fileupload.disk.DiskFileItemFactory;  
  21. import org.apache.commons.fileupload.servlet.ServletFileUpload;  
  22. import com.lidroid.xutils.http.RequestParams;  
  23. public class UploadServlet extends HttpServlet{  
  24. @Override  
  25. protected void doGet(HttpServletRequest req, HttpServletResponse resp)  
  26. throws ServletException, IOException {  
  27. doPost(req, resp);  
  28. };  
  29. @Override  
  30. protected void doPost(HttpServletRequest request,  
  31. HttpServletResponse response) throws ServletException, IOException {  
  32. //服务器端接收,请求被后台拦截到这里  
  33. exeUploadedInfos(request, response);  
  34. };  
  35. /**  
  36. *  定义接口  
  37. */  
  38. public interface UploadStatusListener {  
  39. public void status(boolean status, Map<String, String> params,  
  40. List<String> files, HttpServletRequest request);  
  41. }  
  42. UploadStatusListener mUploadStatusListener = null;  
  43. // 注册监听器,如果这里没有使用Vector而是使用ArrayList那么要注意同步问题  
  44. public void addStatusListener(UploadStatusListener listener) {  
  45. mUploadStatusListener = listener;  
  46. }  
  47. /**  
  48. * @function:回调方法,执行图片上传,根据成功或失败的状态完成其他的操作  
  49. * @param request  
  50. * @param response  
  51. */  
  52. private void exeUploadedInfos(HttpServletRequest request,  
  53. HttpServletResponse response) {  
  54. UploadServlet up = new UploadServlet();  
  55. up.addStatusListener(new UploadStatusListener() {  
  56. public void status(boolean status, Map<String, String> params,  
  57. List<String> files, HttpServletRequest request) {  
  58. if (status) {//成功  
  59. //Map中取值  
  60. String memberId = params.get("memberId");  
  61. //List中取值  
  62. String fileUrl = files.get(0);  
  63. System.out.println("===================================成功");  
  64. } else {  
  65. //失败  
  66. System.out.println("========================================失败");  
  67. }  
  68. }  
  69. });  
  70. up.upload(request, response);  
  71. }  
  72. /**  
  73. * @function:具体上传图片的功能在这里完成,  
  74. * 然后调用接口回调方法mUploadStatusListener.status(flag, params, filenames , request);跳转到回调函数中  
  75. * @param request  
  76. * @param response  
  77. */  
  78. public void upload(HttpServletRequest request, HttpServletResponse response) {  
  79. boolean flag = false;  
  80. Map<String, String> params = new HashMap<String, String>();  
  81. List<String> filenames = new ArrayList<String>();  
  82. try {  
  83. System.out.println("开始文件上传****************");  
  84. request.setCharacterEncoding("utf-8"); // 设置编码  
  85. // 设置上传文件最大为 3M  
  86. final long MAX_SIZE = 3 * 1024 * 1024;  
  87. // 1.创建一个解析器工厂  
  88. DiskFileItemFactory factory = new DiskFileItemFactory();  
  89. // 获取临时文件路径  
  90. String savePath = "F:/upload/" ;//具体的路径  
  91. if(!new File(savePath).exists()){  
  92. new File(savePath).mkdirs();  
  93. }  
  94. factory.setRepository(new File(savePath));  
  95. factory.setSizeThreshold(4096);  
  96. // 2.得到一个解析器  
  97. ServletFileUpload upload = new ServletFileUpload(factory);  
  98. upload.setSizeMax(MAX_SIZE);  
  99. // upload.setHeaderEncoding("UTF-8");  
  100. // 3.将请求传入解析器,对请求进行解析  
  101. List<FileItem> list = upload.parseRequest(request);  
  102. // 4.迭代list集合,得到每个输入项的数据  
  103. int count = 0 ;  
  104. for (FileItem item : list) {  
  105. count ++ ;  
  106. // 5.判断item的类型  
  107. if (item.isFormField()) {  
  108. // 普通文本输入项  
  109. String inputName = item.getFieldName();  
  110. String inputValue = item.getString();  
  111. params.put(inputName, inputValue);  
  112. System.out.println("==================传进来的参数:  "+count+"、"+inputName + "=" + inputValue);  
  113. } else {  
  114. // 上传文件输入项(如图片)  
  115. String fileName = item.getName();// 获取文件名  
  116. if (!"".equals(fileName)) {  
  117. fileName = fileName.substring(fileName.lastIndexOf("\\") + 1);  
  118. System.out.println("*************存放传过来的图片****************");  
  119. InputStream in = item.getInputStream();  
  120. FileOutputStream out = new FileOutputStream(savePath+fileName);  
  121. byte[] buf = new byte[1024];  
  122. int len = 0;  
  123. while ((len = in.read(buf)) > 0) {  
  124. out.write(buf, 0, len);  
  125. }  
  126. in.close();  
  127. out.close();  
  128. item.delete();// 删除临时文件  
  129. filenames.add("上传成功了") ;  
  130. flag = true;  
  131. if (mUploadStatusListener != null) {  
  132. System.out.println("======文件上传:  ===flag=" + flag +";==="+ params.toString()  
  133. + "==文件名fileName:=" + fileName);  
  134. mUploadStatusListener.status(flag, params, filenames , request);  
  135. }  
  136. System.out.println("文件上传结束****************");  
  137. }  
  138. }  
  139. }  
  140. } catch (Exception e) {  
  141. e.printStackTrace();  
  142. request.setAttribute("message", "上传失败");  
  143. System.out.println("***********上传失败******************");  
  144. if (mUploadStatusListener != null) {  
  145. System.out.println("****************上传失败*******************************");  
  146. mUploadStatusListener.status(flag, params, filenames , request);  
  147. }  
  148. }  
  149. }  
  150. }

四、代码解释:

1、访问路径:http://localhost:8080/UploadDemo/upload.jsp

如图:

图片上传功能<转>http://blog.csdn.net/u011159417/article/details/50126023

2、点击上传后,进入UploadServlet类

List<FileItem> list = upload.parseRequest(request);
产生临时上传文件

如图:

图片上传功能<转>http://blog.csdn.net/u011159417/article/details/50126023

3、FileOutputStream out = new FileOutputStream(savePath+fileName);
创建要生成的图片

如图:

图片上传功能<转>http://blog.csdn.net/u011159417/article/details/50126023

4、out.close();
执行完这行代码,上传图片的字节流写入完毕,完整图片如图

图片上传功能<转>http://blog.csdn.net/u011159417/article/details/50126023

5、item.delete();// 删除临时文件,删除后如图:

图片上传功能<转>http://blog.csdn.net/u011159417/article/details/50126023

五、项目下载:

上传图片demo下载,点这里

图片上传功能<转>http://blog.csdn.net/u011159417/article/details/50126023的更多相关文章

  1. 解析Javascript事件冒泡机制&lpar;转&rpar; 本文转自:http&colon;&sol;&sol;blog&period;csdn&period;net&sol;luanlouis&sol;article&sol;details&sol;23927347

    本文转自:http://blog.csdn.net/luanlouis/article/details/23927347 1. 事件 在浏览器客户端应用平台,基本生都是以事件驱动的,即某个事件发生,然 ...

  2. http&colon;&sol;&sol;blog&period;csdn&period;net&sol;LANGXINLEN&sol;article&sol;details&sol;50421988

    GitHub上史上最全的Android开源项目分类汇总 今天在看博客的时候,无意中发现了 @Trinea在GitHub上的一个项目 Android开源项目分类汇总, 由于类容太多了,我没有一个个完整地 ...

  3. http&colon;&sol;&sol;blog&period;csdn&period;net&sol;renfufei&sol;article&sol;details&sol;37725057&sol;

    版权声明:本文为博主原创文章,未经博主允许不得转载. 原创:http://blog.csdn.net/renfufei/article/details/37725057/ 说明: 首先,你需要注册一个 ...

  4. http&colon;&sol;&sol;blog&period;csdn&period;net&sol;pizi0475&sol;article&sol;details&sol;48286579 -------------(Collada 快速入门)

    http://blog.csdn.net/zhouhangjay/article/details/8469085 说明:Collada的文件格式,中文版的很少,在csdn上看到了一个Sleepy的,感 ...

  5. 转载 WPF -- 控件模板 (ControlTemplate)(一) https&colon;&sol;&sol;blog&period;csdn&period;net&sol;qq&lowbar;23018459&sol;article&sol;details&sol;79899838

    ControlTemplate(控件模板)   https://blog.csdn.net/qq_23018459/article/details/79899838 WPF包含数据模板和控件模板,其中 ...

  6. RTP协议分析(转自:http&colon;&sol;&sol;blog&period;csdn&period;net&sol;bripengandre&sol;article&sol;details&sol;2238818)

    RTP协议分析 第1章.     RTP概述 1.1.  RTP是什么 RTP全名是Real-time Transport Protocol(实时传输协议).它是IETF提出的一个标准,对应的RFC文 ...

  7. 转:Java面试题集(51-70) http&colon;&sol;&sol;blog&period;csdn&period;net&sol;jackfrued&sol;article&sol;details&sol;17403101

    Java面试题集(51-70) Java程序员面试题集(51-70) http://blog.csdn.net/jackfrued/article/details/17403101 摘要:这一部分主要 ...

  8. PL&sol;SQL常用设置 可看引用位置更清晰直观 引自:http&colon;&sol;&sol;blog&period;csdn&period;net&sol;xiaoqforever&sol;article&sol;details&sol;27695569

    引自:http://blog.csdn.net/xiaoqforever/article/details/27695569 1,登录后默认自动选中My Objects 默认情况下,PLSQL Deve ...

  9. http&colon;&sol;&sol;blog&period;csdn&period;net&sol;luoshengyang&sol;article&sol;details&sol;6651971

    文章转载至CSDN社区罗升阳的安卓之旅,原文地址:http://blog.csdn.net/luoshengyang/article/details/6651971 在Android系统中,提供了独特 ...

随机推荐

  1. DDD 领域驱动设计-谈谈 Repository、IUnitOfWork 和 IDbContext 的实践(2)

    上一篇:<DDD 领域驱动设计-谈谈 Repository.IUnitOfWork 和 IDbContext 的实践(1)> 阅读目录: 抽离 IRepository 并改造 Reposi ...

  2. 【推荐】JavaScript的那些书

    又好久没写东西了,写上一篇的时候还以为接下来的工作会轻松一些,结果未从我所愿呐,又是一阵忙碌.而这段时间穿插着做了很多12年淘宝校园招聘的前端面试,很多同学都有问到,学校里没有前端的课程,那如何学习J ...

  3. Entity Framework Demo&lpar;一&rpar; 简单搭建环境

    Entity Framwork(实体框架,简称EF)是ORM(Object Relational Mapping,对象映射关系)的一个解决方案. EF允许项目将数据库的表映射为实体,并封装了操作方法, ...

  4. 【翻译】C&num;和&period;NET核心快速参考

    原文:[翻译]C#和.NET核心快速参考 PS:在网上看到的一篇C#总结,英文的,总结的还可以,都是基础知识,翻译给大家学习.文章结尾有英文原版.发布地址:http://www.cnblogs.com ...

  5. &num;centos7 设置bond、bridge、vlan

    #centos7 设置bond.bridge.vlan #centos7 设置bond.bridge.vlan # CentOS7中 nmcli命令由NetworkManager提供 # 可以用于设置 ...

  6. SQL Server学习之路(七):Python3操作SQL Server数据库

    0.目录 1.前言 2.准备工作 3.简单测试语句 4.提交与回滚 5.封装成类的写法 1.前言 前面学完了SQL Server的基本语法,接下来学习如何在程序中使用sql,毕竟不能在程序中使用的话, ...

  7. oracle 数据库中的序列

    序列是什么,通俗点说,序列就是按照一定顺序进行排列,序列会自动给你递增,生成唯一的序列号: oracle数据库不同于sqlServer数据库,oracle数据库中是没有自增长列,使用的是sequenc ...

  8. my project 中git使用过程(基本操作流程)

    1.g  it clone git@name:server/BM/APPS.git 则BM_APPS.git项目被下载到当前目录下了,这时git@name:server/BM/APPS.git就是自己 ...

  9. MFC列表控件更改一行的字体颜色

    参考自(http://blog.csdn.net/ribut9225/article/details/6720639) 1.首先从CListCtrl 继承一个类,命名为CListCtrlCl 在头文件 ...

  10. Android6&period;0以上关于RecyclerView显是不全的问题

    Android6.0以上关于RecyclerView显是不全的问题 需求描述 适配的时候发现Android 6.0以上,RecyclerView显示不全,以下是没有问题的.这个时候查看布局文件,可以看 ...