现在我们利用commons-fileupload实现文件的上传,
开发环境:Myeclipse 9.0
对文件上传的细节分析:
1、乱码问题的出现与解决 2、上传文件类型的约束 3、上传文件的大小约束
4、临时缓存文件的处理 5、服务器端文件的保存 6、文件名相同覆盖问题
7、多文件同时上传问题 等…………
实现:
在Myeclipse 9.0 创建一个web project ,新建一个jsp命名为:myupload.jsp
源码:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>文件上传</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <script type="text/javascript" src="addelement.js"></script> </head> <body> <form action="${pageContext.request.contextPath}/servlet/UploadServlet" method="post" enctype="multipart/form-data"> <input type="hidden" name="hidden" value="1" id="hidden"> 用户: <input type="text" name="user"> <input type="button" value="上传文件" onclick="addElement()"> <input type="button" value="删除" onclick="deleteElement()"> <div id="upload_div" style="width: 300px;"> </div> <input type="submit" value="提交"> </form> </body> </html>
addelement的源码:
function addElement() {
//得到隐藏input里面的value值
var index = document.getElementById("hidden").getAttribute("value");
if(index>4){
alert("最大同时上传4个文件");
return false;
}
//创建一个input类型的节点
var inputElement = document.createElement("input");
//设置新创建的节点的属性,类型为file,name值递增
inputElement.setAttribute("type", "file");
inputElement.setAttribute("name", "file" + index);
//创建文本节点
var fontElement = document.createTextNode("选择文件:");
//将创建的文本节点添加到div中
document.getElementById("upload_div").appendChild(fontElement);
//将创建的input类型的节点添加到div中
document.getElementById("upload_div").appendChild(inputElement);
//创建一个换行
var brElement = document.createElement("br");
//添加到div中
document.getElementById("upload_div").appendChild(brElement);
//将隐藏input里面的value值加1
document.getElementById("hidden").setAttribute("value",
parseInt(index) + 1);
}
function deleteElement() {
//因为add方法添加了3个节点循环三次
for ( var i = 0; i < 3; i++) {
//删除最后一个节点
document.getElementById("upload_div").removeChild(
document.getElementById("upload_div").lastChild);
}
//将隐藏input里面的value值设为1
document.getElementById("hidden").setAttribute("value",1);
}
在jsp页面中引入js文件时,可能会出现乱码。原因,因为在Myeclipse下文件保存的默认编码是本地的默认编码,一般是GBK,而jsp页面保存的时候
指定了编码"UTF-8"的方式。
解决方法,1、在引入js时指定js的编码方式(js的保存方式),<script type="text/javascript" src="addelement.js" charset="GBK"></script>即可。
2、在Myeclipse下右击js文件选择Properties项,在Text file encoding中选择other 在选择UTF-8即可。这时再打开js文件里面的汉字都成了乱码,删除
乱码汉字重新编写一下即可。
创建一个人servlet包,在包中创建一个servlet用来处理提交的表单:
UploadServlet源码:
package cn.zc.servlet; import java.io.File; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.io.PrintWriter; import java.util.Arrays; import java.util.List; import java.util.UUID; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.apache.commons.fileupload.FileItem; import org.apache.commons.fileupload.disk.DiskFileItemFactory; import org.apache.commons.fileupload.servlet.ServletFileUpload; public class UploadServlet extends HttpServlet { /** * Constructor of the object. */ public UploadServlet() { super(); } /** * Destruction of the servlet. <br> */ public void destroy() { super.destroy(); // Just puts "destroy" string in log // Put your code here } public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doPost(request,response); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //判断表格的提交方式是否是multipart/form-data类型 if(!ServletFileUpload.isMultipartContent(request)){ //如果不是该类型,采用普通方式处理。 //response.setContentType("text/html;charset=utf-8"); //PrintWriter out = response.getWriter(); //request.getParameter("user");//此时便可以使用request.getParameter方法 //为了方便在此直接退出 return ; } //创建一个解析工厂 DiskFileItemFactory factory=new DiskFileItemFactory(); //设置临时缓存文件的保存目录 factory.setRepository(new File(this.getServletContext().getRealPath("/temp"))); //得到解析器对象 ServletFileUpload upload=new ServletFileUpload(factory); //设置保存文件的编码方式, upload.setHeaderEncoding("UTF-8"); try{ //设置上传文件的最大值大小,最大值为200MB upload.setFileSizeMax(1024*1024*200); //定义规定上传文件的类型 String[]arr={".jpg",".zip",".txt",".ppt",".pptx",".doc",".docx",".xls",".gif"}; //将类型放到List中 List fileStandType=Arrays.asList(arr); //对请求进行解析,有几个输入项就会有几个FileItem对象 List<FileItem> items=upload.parseRequest(request); for(FileItem item:items){ //判断输入元素的类型, if(item.isFormField()){//是普通项 //得到name属性 String inputName=item.getFieldName(); //得到相对应的值 String inputValue=item.getString("UTF-8");//可指定字符编码,以防乱码 System.out.println(inputName+" : "+inputValue); }else{//是上传文件输入项 //获取上传文件名称 String fileName=item.getName(); //判断fileName是否为空即是否真的选择了上传文件,不为空继续 if(!fileName.trim().equals("")){ //对文件名进行处理得到文件名 fileName=fileName.substring(fileName.lastIndexOf("\\")+1); //得到文件后缀判断文件类型 String fileType=fileName.substring(fileName.lastIndexOf(".")); //判断是否是制定的文件类型 if(!fileStandType.contains(fileType)){ //如果不是制定类型的文件跳转页面, request.setAttribute("fileTypeError","只能上传指定类型的文件,jpg/zip/txt/ppt/pptx/docx/doc/xls/gif"); request.getRequestDispatcher("/handler.jsp").forward(request, response); return ; } //文件已选择,得到输入流 InputStream in=item.getInputStream(); //将上传的文件保存在服务器受保护的WEB-INF的目录下, String savePath=this.getServletContext().getRealPath("WEB-INF/upload"); savePath=getFilePath(savePath,fileName); //同名文件覆盖问题对fileName进行进一步处理,工具类UUID fileName=UUID.randomUUID().toString()+"_"+fileName; //构建输出流 FileOutputStream fos=new FileOutputStream(savePath+"\\"+fileName); byte[] buffer=new byte[1024]; //int len=0; while(in.read(buffer)>0){ fos.write(buffer); fos.flush(); } in.close(); fos.close(); request.setAttribute("finish","上传成功!"); item.delete();//在关闭流之后,删除临时缓存文件 } } } }catch(Exception e){ request.setAttribute("finish","上传失败!"); } request.getRequestDispatcher("/handler.jsp").forward(request, response); } //方法对文件保存目录进行处理, public String getFilePath(String path,String fileName){ //产生目录结构的算法:hash目录 int dir1=fileName.hashCode()&0x0f;//一级目录 int dir2=fileName.hashCode()>>4 &0x0f;//二级目录 String savePath=path+"\\"+dir1+"\\"+"\\"+dir2; File file=new File(savePath); if(!file.exists()){ file.mkdirs(); } return savePath; } public void init() throws ServletException { // Put your code here } }
程序的不足和知识的误点还请各位读者多多交流。