Java组件commons fileupload实现文件上传功能

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" />
  <span style="color: #ff0000;"><base target="_self"></span>
  <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();
  } 

  <span style="color: #ff0000;">DiskFileItemFactory factory = new DiskFileItemFactory();</span>
  factory.setSizeThreshold(5*1024); //最大缓存
  factory.setRepository(new File(serverPath+tempPath));//临时文件目录 

  <span style="color: #ff0000;">ServletFileUpload upload = new ServletFileUpload(factory);</span>
  upload.setSizeMax(sizeMax*1024*1024);//文件最大上限 

  String filePath = null;
  try {
   <span style="color: #ff0000;">List<FileItem> items = upload.parseRequest(request);</span>//获取所有文件列表
   for (FileItem item : items) {
    //获得文件名,这个文件名包括路径
    <span style="color: #ff0000;">if(!item.isFormField()){</span>
     //文件名
     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("."));
      <span style="color: #ff0000;">item.write(new File(filePath));</span>
      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);
  } 

 }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • java组件fileupload文件上传demo

    在我们的web开发中,很多的时候都需要把本机的一些文件上传到web服务器上面去. 如:一个BBS系统,当用户使用这是系统的时候,能把本机的一些图片,文档上传到服务器上面去.然后其他用户可以去下载这些文件,那么这样的话,我们可以自己编程实现文件的上传,但是更好的方式是使用一些已有的组件帮助我们实现这种上传功能. 常用的上传组件: Apache 的 Commons FileUpload JavaZoom的UploadBean jspSmartUpload FileUpload下载地址: http:/

  • JavaEE组件commons-fileupload实现文件上传、下载

    一.文件上传概述 实现Web开发中的文件上传功能,需要两步操作: 1.在Web页面中添加上传输入项 <form action="#" method="post" enctype="multipart/form-data"> <input type="file" name="filename1"/><br> <input type="file" n

  • JAVA使用commos-fileupload实现文件上传与下载实例解析

    首先给大家介绍一文件的上传 实体类 import java.sql.Timestamp; /** * * @Decription 文件上传实体类 * */ public class Upfile { private String id;// ID主键 使用uuid随机生成 private String uuidname; // UUID名称 private String filename;//文件名称 private String savepath; // 保存路径 private Timest

  • java组件commons-fileupload文件上传示例

    文件上传在Web应用中非常普遍,要在Java Web环境中实现文件上传功能非常容易,因为网上已经有许多用Java开发的组件用于文件上传,本文以使用最普遍的commons-fileupload组件为例,演示如何为Java Web应用添加文件上传功能. commons-fileupload组件是Apache的一个开源项目之一,可以从http://commons.apache.org/fileupload/下载.该组件简单易用,可实现一次上传一个或多个文件,并可限制文件大小. 下载后解压zip包,将c

  • java使用common-fileupload实现文件上传

    文件上传是网站非常常用的功能,直接使用Servlet获取上传文件还得解析请求参数,比较麻烦,所以一般选择采用apache的开源工具,common-fileupload.这个jar包可以再apache官网上面找到,也可以在struts的lib文件夹下面找到,struts上传的功能就是基于这个实现的. common-fileupload是依赖于common-io这个包的,所以还需要下载这个包.然后导入到你的项目路径下面. 使用代码如下 package oop.hg.ytu.servlet; impo

  • Java中使用fileupload组件实现文件上传功能的实例代码

    使用fileupload组件的原因: Request对象提供了一个getInputStream()方法,通过这个方法可以读取到客户端提交过来的数据,但是由于用户可能会同时上传多个文件,在servlet中编程解析这些上传数据是一件非常麻烦的工作.为方便开发人员处理文件上传数据,Apache开源组织提供了一个用来处理表单文件上传的一个开源组件(Commons-fileupload),该组件性能优异,并且使用及其简单,可以让开发人员轻松实现web文件上传功能. 使用Commons-fileupload

  • Java进阶之FileUpload完成上传的实例

     Java进阶之FileUpload完成上传的实例 FileUpload是Apache commons下面的一个子项目,用来实现Java项目下的文件上传功能,常见的文件上传还有SmartUpload,Servlet3.0,Struts2. 在这里我用的是commons- fileupload-1.2.1,下面就是一个简单实例,解析过程都写到代码中的注释上了,注释很详细 //创建磁盘文件项工厂 DiskFileItemFactory diskFileItemFactory=new DiskFile

  • java组件commons-fileupload实现文件上传、下载、在线打开

    最近做了一个文件上传.下载.与在线打开文件的功能,刚开始对文件上传的界面中含有其它表单(例如输入框.密码等)在上传的过程中遇到了许多问题,下面我写了一个同时实现文件上传.下载.在线打开文件的测试程序. 首先请看效果图: 核心代码: package com.jefry; import java.io.File; import java.io.FileInputStream; import java.io.IOException; import java.net.URL; import java.u

  • Java组件FileUpload上传文件实现代码

    一般在用Servlet处理表单元素时,表单元素都是一些简单的文本,Servlet很容易用Request.getParameter()就可以处理.但是当表单不止包含一些简单的文本,比如有上传文件域时,Servlet直接从HttpServletRequest对象中解析出复合表单的每一个子部分仍然是一项非常复杂的工作. 为了简化对"multipart/form-data"类型数据的处理过程,可以采用相应的组件进行处理,这样可以节省很大的编码.支持重用,效率也挺高. 对于Java的组件也有一些

  • java组件commons-fileupload实现文件上传

    一.所需要的包: 1.commons-fileupload-1.2.1.jar: 下载地址 http://commons.apache.org/downloads/download_fileupload.cgi 2.commons-io-1.4.jar: 下载地址 http://commons.apache.org/downloads/download_io.cgi 二.注意事项: form表单里面要加上enctype="multipart/form-data" 三.代码示例  1.j

随机推荐