当前位置： 移动技术网 > IT编程>开发语言>Java > Java组件commons fileupload实现文件上传功能

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

2019年07月22日  | 移动技术网IT编程  | 我要评论

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); 
  } 
   
 }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网