Java 模拟Ajax上传文件

近来翻看以前的写的学习笔记,发现有个问题看上去很老套,可动起手来还是写不好,没错,就是上传下载。工作中虽然经常用到,但总是不求甚解,大部分代码都交给了插件和原有框架。于是查了一些资料。用以下方法勉强模拟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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值