Java 模拟Ajax上传文件

来源：互联网发布：麦多商城系统源码编辑：程序博客网时间：2024/05/18 18:21

近来翻看以前的写的学习笔记，发现有个问题看上去很老套，可动起手来还是写不好，没错，就是上传下载。工作中虽然经常用到，但总是不求甚解，大部分代码都交给了插件和原有框架。于是查了一些资料。用以下方法勉强模拟ajax上传文件,特此记录以下，便于以后学习和改进
主要jar包：
commons-fileupload-1.3.1.jar
commons-io-2.2.jar

一、文件上传页面（upload.jsp）

<%@ page language="java" pageEncoding="UTF-8"%><!DOCTYPE HTML><html>    <head>        <title>文件上传</title>        <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/jquery-1.5.js"></script>        <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/jquery-ui-1.8.9.js"/></script>    </head>    <body>        <form            action="${pageContext.request.contextPath}/servlet/UploadHandleServlet"            target='frameFile' enctype="multipart/form-data" method="post" id="formFile">            上传文件：            <input type="file" name="file">            <input type="hidden" name="remind" id="remind" value="remind">            <br />            <input type="submit" value="提交">            <div id='uploadLog'></div>            <br>            <img width='200' src='' height='200' id='imgShow' alt='缩略图' />          </form>        <iframe id='frameFile' name='frameFile'></iframe>    </body></html>        <script type="text/javascript" language="javascript">        //处理提醒信息        function remind(msg)         {            if (msg.split('|').length > 1)             {                $('#imgShow').attr('src', msg.split('|')[1]);                $('#uploadLog').html(msg.split('|')[0]);            } else            {                $('#uploadLog').html(msg);            }         }        </script>

二、处理上传文件的servlet配置

    <servlet>        <servlet-name>UploadServlet</servlet-name>        <servlet-class>            com.cn.servlet.UploadServlet        </servlet-class>    </servlet>    <servlet-mapping>        <servlet-name>UploadServlet</servlet-name>        <url-pattern>/servlet/UploadServlet</url-pattern>    </servlet-mapping>

三、对应servlet(UploadServlet.java)

package com.cn.servlet;import java.io.File;import java.io.FileOutputStream;import java.io.IOException;import java.io.InputStream;import java.util.HashMap;import java.util.List;import java.util.Map;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.FileUploadBase;import org.apache.commons.fileupload.ProgressListener;import org.apache.commons.fileupload.disk.DiskFileItemFactory;import org.apache.commons.fileupload.servlet.ServletFileUpload;import org.apache.log4j.Logger;/** * 测试上传下载 * @author Administrator * */public class UploadServlet extends HttpServlet{    /**     * 序列码     */    private static final long serialVersionUID = 1L;    Logger logger=Logger.getLogger(UploadServlet.class);     public void doGet(HttpServletRequest request, HttpServletResponse response)            throws ServletException, IOException    {        // 得到上传文件的保存目录，将上传的文件存放于WEB-INF目录下，不允许外界直接访问，保证上传文件的安全            //也可以根据传过来的参数从数据库中查找配置路径        String savePath = this.getServletContext().getRealPath(                "/upload");        // 上传时生成的临时文件保存目录        String tempPath = this.getServletContext().getRealPath("/WEB-INF/temp");        File tmpFile = new File(tempPath);        if (!tmpFile.exists())        {            // 创建临时目录            tmpFile.mkdir();        }        // 消息提示        String message = "上传成功";        //回复提示信息的方法        String remindMethod="";        //参数键值对        Map<String,String>params=new HashMap<String, String>();        //现名        String saveFilename="";        //获取返回信息处理方法        try        {            // 使用Apache文件上传组件处理文件上传步骤：            // 1、创建一个DiskFileItemFactory工厂            DiskFileItemFactory factory = new DiskFileItemFactory();            // 设置工厂的缓冲区的大小，当上传的文件大小超过缓冲区的大小时，就会生成一个临时文件存放到指定的临时目录当中。            factory.setSizeThreshold(1024 * 100);// 设置缓冲区的大小为100KB，如果不指定，那么缓冲区的大小默认是10KB            // 设置上传时生成的临时文件的保存目录            factory.setRepository(tmpFile);            // 2、创建一个文件上传解析器            ServletFileUpload upload = new ServletFileUpload(factory);            // 监听文件上传进度            upload.setProgressListener(new ProgressListener()            {                public void update(long pBytesRead, long pContentLength,                        int arg2)                {//                  System.out.println("文件大小为：" + pContentLength + ",当前已处理："//                          + pBytesRead);                }            });            // 解决上传文件名的中文乱码            upload.setHeaderEncoding("UTF-8");            // 3、判断提交上来的数据是否是上传表单的数据            if (!ServletFileUpload.isMultipartContent(request))            {                return;            }            // 设置上传单个文件的大小的最大值，目前是设置为1024*1024字节，也就是1MB            upload.setFileSizeMax(1024 * 1024);            // 设置上传文件总量的最大值，最大值=同时上传的多个文件的大小的最大值的和，目前设置为10MB            upload.setSizeMax(1024 * 1024 * 10);            // 4、使用ServletFileUpload解析器解析上传数据，解析结果返回的是一个List<FileItem>集合，每一个FileItem对应一个Form表单的输入项            List<FileItem> list = upload.parseRequest(request);            for (FileItem item : list)            {                // 如果fileitem中封装的是普通输入项的数据                if (item.isFormField())                {                    String name = item.getFieldName();                    // 解决普通输入项的数据的中文乱码问题                    String value = item.getString("UTF-8");                    params.put(name, value);                } else                {// 如果fileitem中封装的是上传文件                    // 得到上传的文件名称，                    String filename = item.getName();                    System.out.println(filename);                    if (filename == null || filename.trim().equals(""))                    {                        continue;                    }                    // 注意：不同的浏览器提交的文件名是不一样的，有些浏览器提交上来的文件名是带有路径的，如：                    // c:\a\b\1.txt，而有些只是单纯的文件名，如：1.txt                    // 处理获取到的上传文件的文件名的路径部分，只保留文件名部分                    filename = filename                            .substring(filename.lastIndexOf("\\") + 1);                    // 得到上传文件的扩展名                    String fileExtName = filename.substring(filename                            .lastIndexOf(".") + 1);                    // 如果需要限制上传的文件类型，那么可以通过文件的扩展名来判断上传的文件类型是否合法                    System.out.println("上传的文件的扩展名是：" + fileExtName);                    // 获取item中的上传文件的输入流                    InputStream in = item.getInputStream();                    // 得到文件保存的名称，可以建一个配置表，存放原名，现名                    saveFilename = makeFileName(filename)+"."+fileExtName;                    // 得到文件的保存目录,一般可以通过配置表进行文件管理，在这里不做说明                    String realSavePath = savePath;                    // 创建一个文件输出流                    FileOutputStream out = new FileOutputStream(realSavePath                            + "\\" + saveFilename);                    // 创建一个缓冲区                    byte buffer[] = new byte[1024];                    // 判断输入流中的数据是否已经读完的标识                    int len = 0;                    // 循环将输入流读入到缓冲区当中，(len=in.read(buffer))>0就表示in里面还有数据                    while ((len = in.read(buffer)) > 0)                    {                        // 使用FileOutputStream输出流将缓冲区的数据写入到指定的目录(savePath + "\\"                        // + filename)当中                        out.write(buffer, 0, len);                    }                    // 关闭输入流                    in.close();                    // 关闭输出流                    out.close(); // 删除处理文件上传时生成的临时文件                    // item.delete();                    message = "文件上传成功！";                }            }        } catch (FileUploadBase.FileSizeLimitExceededException e)        {            message="单个文件超ssss出最大值！！！";            logger.error(e.getMessage());        } catch (FileUploadBase.SizeLimitExceededException e)        {        message="上传文件的总qqqqq的大小超出限制的最大值！！！";        logger.error(e.getMessage());        } catch (Exception e)        {            message = "文件上传失败！";                    logger.error(e.getMessage());        }//      request.setAttribute("message", message);//      request.getRequestDispatcher("/upload/message.jsp").forward(request,//              response);        remindMethod=params.get("remind");        response.getWriter().write("<script>window.parent."+remindMethod+"('"+message+"|"+saveFilename+"');</script>");    }    /**     * 生成唯一的文件名     * @param filename     * @return     */    private String makeFileName(String filename)    {         // 为防止文件覆盖的现象发生，要为上传文件产生一个唯一的文件名        return UUID.randomUUID().toString() + "_" + filename.hashCode();    }    public void doPost(HttpServletRequest request, HttpServletResponse response)            throws ServletException, IOException    {        doGet(request, response);    }}

四、查看结果
这里写图片描述
五、总结
1，form表单的enctype=”multipart/form-data”属性平时基本不用，在这里记录一下，后台解析request时，读取值是根据name属性读取的
2，页面镶嵌iframe，可以实现form表单不跳转提交，比如查询的时候可以讲条件写在form里面，查询的结果写在iframe里面实现局部刷新跳转

参考：
http://www.cnblogs.com/xdp-gacl/p/4200090.html

0 0