- 浏览: 2667261 次
- 性别:
- 来自: 成都
文章分类
最新评论
-
我素熊猫:
66666666666666
java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderL -
jonyzhou94:
1987_ming 写道1987_ming 写道System. ...
CXF框架入门实例 -
davidforit:
你那个“2004年Nutch创始人Doug Cutting基于 ...
《Hadoop基础教程》之初识Hadoop -
masuweng:
我的就是这么弄得,到了页面还是那个格式的 。
JSONObject转换JSON--将Date转换为指定格式 -
masuweng:
∑
JSONObject转换JSON--将Date转换为指定格式
Apache提供的commons-fileupload jar包实现文件上传确实很简单,最近要用Servlet/JSP做一个图片上传功能,在网上找了很多资料,大多是基于struts框架介绍的,还有些虽然也介绍common-fileupload的上传,但是那些例子比较老,有些类现在都废弃了。通过研究学习总结,终于完成了这个上传功能,下面与大家分享一下。
- 案例场景
一个图书馆后台管理界面,需要提供上传图书图片的功能并且最终显示在页面中。
- 实现效果
进入添加书籍页面,默认显示一个图片“暂无突破”(长宽均为200px),提供一个按钮“上传图片”,如下图效果。
点击“上传图片”按钮,通过模式窗口弹出上传界面,如下图所示。
通过“浏览”按钮选择指定图片,点击“上传”按钮进行上传,如果上传成功则弹出成功提示,用户点击“确定”后关闭弹出窗并自动将新图片显示在页面上,如下图所示。
- 代码实现
①首先创建一个添加书籍页面:bookAdd.jsp
页面id为photo_id的hidden标签用于存储图片路径,方便提交到后台存放到数据库,id为img_id的<img>标签用于显示图片,所有图片都存放在服务器下,方便读取。然后一个关键js,点击button通过模式窗口弹出上传页面,在弹出模式窗口时定义了一个变量win,该变量用于获取模式窗口传回的图片路径值。
(注意:因为安全性问题图片不能图片不能随意存放,项目部署在服务器中,图片就只能放在该服务器下才能查看得到,如果一定要读取非当前服务器下的图片需要配置服务器的虚拟目录)
<html> <head> <title>添加书籍</title> <script type="text/javascript"> //打开上传页面 function openUpload(){ var win = window.showModalDialog("<%=root%>/Admin/bookUpload.jsp","","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no"); if(win != null){ document.getElementById("photo_id").value = win; document.getElementById("img_id").src = "<%=root%>/"+win; } } </script> </head> <body> <h5>添加书籍</h5><hr/> <p> 书的封面: <label> <input type="hidden" id="photo_id" name="photo" value="images/noimg.png"><input type="button" onclick="openUpload()" value="上传图片"/><br/> <img id="img_id" alt="" src="<%=root%>/images/noimg.png" width="200px" height="200px"> </label> </p> </body> </html>
②创建上传图片页面,bookUpload.jsp
注意一定要定义<base>标签,当前模式窗口关闭时才能将数据返回到父窗体,<form>标签还要设置一个属性enctype="multipart/form-data"这样提交的文件才能被后台获取,点击“上传”button即可将文件向后台传送,剩下的重头戏就是后台上传处理了。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<meta http-equiv="pragma" content="no-cache" />
<base target="_self">
<title>书籍图片上传</title>
</head>
<body>
<h5>图片上传</h5><hr/>
<p style="color: red">${requestScope.errorMsg}</p>
<form id="form1" name="form1" action="<%=root%>/BookServlet?type=bookUpload" method="post" enctype="multipart/form-data">
<div>注:图片大小最大不能超过3M!</div>
<div><input type="file" name="file_upload"/></div>
<div><input type="submit" value="上传"/></div>
</form>
</body>
</html>
③创建一个普通的Servlet,下面只提供部分关键代码
红色代码部分是上传的关键代码,其它就是作为点缀了。完成这三步,一个简单的上传即实现了。
public class BookServlet extends HttpServlet { private String uploadPath = "eShop/upload/"; // 上传文件的目录 private String tempPath = "eShop/uploadtmp/"; // 临时文件目录 private String serverPath = null; private int sizeMax = 3;//图片最大上限 private String[] fileType = new String[]{".jpg",".gif",".bmp",".png",".jpeg",".ico"}; public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { serverPath = getServletContext().getRealPath("/").replace("\\", "/"); //Servlet初始化时执行,如果上传文件目录不存在则自动创建 if(!new File(serverPath+uploadPath).isDirectory()){ new File(serverPath+uploadPath).mkdirs(); } if(!new File(serverPath+tempPath).isDirectory()){ new File(serverPath+tempPath).mkdirs(); } DiskFileItemFactory factory = new DiskFileItemFactory(); factory.setSizeThreshold(5*1024); //最大缓存 factory.setRepository(new File(serverPath+tempPath));//临时文件目录 ServletFileUpload upload = new ServletFileUpload(factory); upload.setSizeMax(sizeMax*1024*1024);//文件最大上限 String filePath = null; try { List<FileItem> items = upload.parseRequest(request);//获取所有文件列表 for (FileItem item : items) { //获得文件名,这个文件名包括路径 if(!item.isFormField()){ //文件名 String fileName = item.getName().toLowerCase(); if(fileName.endsWith(fileType[0])||fileName.endsWith(fileType[1])||fileName.endsWith(fileType[2])||fileName.endsWith(fileType[3])||fileName.endsWith(fileType[4])||fileName.endsWith(fileType[5])){ String uuid = UUID.randomUUID().toString(); filePath = serverPath+uploadPath+uuid+fileName.substring(fileName.lastIndexOf(".")); item.write(new File(filePath)); PrintWriter pw = response.getWriter(); pw.write("<script>alert('上传成功');window.returnValue='"+uploadPath+uuid+fileName.substring(fileName.lastIndexOf("."))+"';window.close();</script>"); pw.flush(); pw.close(); }else{ request.setAttribute("errorMsg", "上传失败,请确认上传的文件存在并且类型是图片!"); request.getRequestDispatcher("/Admin/bookUpload.jsp").forward(request, response); } } } } catch (Exception e) { e.printStackTrace(); request.setAttribute("errorMsg", "上传失败,请确认上传的文件大小不能超过"+sizeMax+"M"); request.getRequestDispatcher("/Admin/bookUpload.jsp").forward(request, response); } }
评论
5 楼
782763595
2016-04-23
|
4 楼
白糖_
2015-09-22
根号九加一 写道
root的值是什么,是什么路径,能提供一下吗?
request.getContextPath
3 楼
根号九加一
2015-09-22
root的值是什么,是什么路径,能提供一下吗?
2 楼
博克尔
2014-06-25
march_on 写道
bookUpload.jsp中form 的action中action="<%=root%>/BookServlet?type=bookUpload"的type=bookUpload是干什么用的啊
还有java代码中的span标签是乱码吧
还有java代码中的span标签是乱码吧
-----------------
<span style="color: rgb(255, 0, 0);">if(!item.isFormField()){</span>
<span>应该是楼主强调的地方,使用时应该把<span style="color: rgb(255, 0, 0);"></span>去掉,只要中间的代码
为了那个返回值路径,我找了好久啊。。。。多谢楼主!
1 楼
march_on
2012-08-07
bookUpload.jsp中form 的action中action="<%=root%>/BookServlet?type=bookUpload"的type=bookUpload是干什么用的啊
还有java代码中的span标签是乱码吧
还有java代码中的span标签是乱码吧
发表评论
-
关于HQL和JDBC SQL中字段相除的一点小经验
2016-02-25 11:42 3274最近在做一个功能,产 ... -
Java异常那些不得不说的事
2014-11-29 12:09 17016一、在finally块中做数据回收操作 比如数据库连接都 ... -
基于Java的通用图表接口设计与实现
2014-02-26 18:00 15009现如今,互联网上充斥 ... -
JSONObject转换JSON--将Date转换为指定格式
2014-02-18 22:12 76992项目中,经常会用JSONObject插件将JavaBean或 ... -
Java开发笔记
2012-12-13 10:30 17551、Map<key,value>的remove ... -
org.hibernate.hql.ast.QuerySyntaxException: unexpected token: on near line 1解决方案
2012-09-12 16:03 28066文章摘自:http://blog.csdn.net/yangw ... -
Java反射常用机制
2012-08-04 17:58 8345首先要求大家对Java泛型知识有所了解,因为程序代码中大量使 ... -
JDBC常用API之外的总结
2012-04-20 15:43 6415做JAVA的人玩JDBC肯定已经很熟练了,像DriverMa ... -
JSP实现指定盘符路径下的图片显示
2012-02-14 09:54 23487开发人员都知道<img src="" ... -
Java实现文件上传
2012-02-13 23:57 319641最近自己在做一个小系统玩的时候涉及到了文件的上传,于是在网上 ... -
汉字转拼音pinyin4j
2011-09-03 09:57 2113以前在项目中遇到汉字转拼音的情况,于是在网上找到了pinyi ... -
J2EE监听器和过滤器基础
2011-09-02 16:56 7281Servlet程序由Servlet,Filter和Liste ... -
java通信之Socket通信基础
2011-06-21 21:08 5939正处于网络环境下的两个程序,它们之间通过一个交互的连接来实现数 ... -
Java通信之URL通信基础
2011-06-21 11:15 3380java对网络通信以及提供了比较全面的jdk支持,java.n ... -
java集合排序笔记
2011-06-15 15:21 1578public class CollectionDemo imp ... -
Java IO笔记
2011-06-15 14:23 1032public static void main(String ... -
java web项目整体异常处理机制
2011-06-08 22:04 12940在实际的j2ee项目中,系 ... -
解决带换行符的字段在web页面无法换行的问题
2011-05-31 11:46 18814在BS项目,有时候大家 ... -
[Microsoft][ODBC Microsoft Access 驱动程序] INSERT INTO 语句的语法错误的可能原因
2011-05-30 23:34 6098今天使用JDBC-ODBC桥接来操作Access数据库,发现了 ... -
java异常处理(初级)
2011-02-17 00:14 8097从学习到现在从事java开发一年多了,个人觉得对java只了解 ...
相关推荐
用commons-fileupload实现文件上传功能,两个文件搞定!!!!
利用servlet实现的commons-fileupload的实例。也就是文件上传实例。
commons-fileupload-1.0上传组件使用实例.以及使用组件的乱码问题。
commons-fileupload 文件上传 中文乱码 多文件上传
本人编写了一个名为《commons-fileupload实现jsp上传实例(教程)》的文档,此次上传资源为该文档对应的源代码。
一个简单的jsp上传实例,使用commons-fileupload实现。其代码已经上传在另外一个资源里。该文档也在附录中附了代码。
里面包含了,Commons-fileupload和smartupload两种上传文件的代码实例。
commons-fileupload实现jsp上传实例(源码),本源码在本机测试通过。
目前最稳定,最实用的上传组件.commons-fileupload-1.2.jar.
本文实例为大家分享了JSP使用commons-fileupload实现文件上传代码,供大家参考,具体内容如下 1、准备: 将commons-fileupload-1.1.zip和commons-io-1.1.zip复制到”\WEB-INF\lib”目录下 2、首先是Servlet:...
源码 博文链接:https://lisanlai.iteye.com/blog/660238
关键是正对最新版webwork,在action中进行操作,说得很细致,有源代码实例。也将异常情况处理列出来了。
基于HTTP传输协议的Web网页中,采用嵌入Commonsfileupload组件的Struts2框架,实现了文件的上传与下载.利用OGNL表达式提取Session持久层中的文件名,并利用此文件名实现下载文件的动态更名.灵活利用struts2.0自身...
使用commons fileupload 和commons io jar包操作实例项目
基于HTTP传输协议的Web网页中,采用嵌入Commons-fileupload组件的Struts2框架,实现了文件的上传与下载。利用OGNL表达式提取Session持久层中的文件名,并利用此文件名实现下载文件的动态更名。灵活利用struts2.0自身...
1、将commons-fileupload-1.3.3.jar复制到Web应用的lib文件夹下,在WebRoot目录下创建limit.jsp页面,在该页面中添加一个文件域的表单,设置类型为 multipart/form-data。代码如下: <body> 上传图书课件 ...
主要介绍了commons fileupload实现文件上传的实例代码,包括文件上传的原理分析等相关知识点,本文给大家介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看看吧
原理: FileUpload实现上传功能, UploadListener 监听上传进度, DWR push (Reverse Ajax) 进度信息并更新页面, 实现无刷新多文件上传 运行环境: Tomcat 5/6 测试通过 说明:累计上传文件不超过10M(可以更改...
commons-fileupload-1.2.1实现文件上传 需导入commons-fileupload-1.2.1.jar和 commons-io-1.3.2.jar upload2.jsp *" pageEncoding="gb2312"%> <!DOCTYPE ...