这里需要用到插件ajaxfileupload.js，jar包：commons-fileupload-1.3.2.jar，commons-io-2.5.jar

注意红色部分的字！！！！

1、创建一个web工程，在配置web.xml

<!-- 文件上传的servlet -->

    <servlet>

        <servlet-name>UploadServlet</servlet-name>

        <servlet-class>com.eviac.blog.restws.FileUpload</servlet-class>

      </servlet>

      <servlet-mapping>

        <servlet-name>UploadServlet</servlet-name>

        <url-pattern>/uploadFile</url-pattern>

      </servlet-mapping>

2、upload.jsp页面

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

    "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>文件上传实例——servlet 异步上传文件（ajaxFileupload）</title>

</head>

   <script type="text/javascript" src="js/jquery.js"></script>

    <script type="text/javascript" src="js/ajaxfileupload.js"></script>

    <script type="text/javascript">

  function ajaxFileUpload()

  {

    $.ajaxFileUpload

    (

      {

        url:'/servleToRestful/uploadFile',//用于文件上传的服务器端请求地址

        secureuri:false,//一般设置为false

        fileElementId:'file',//文件上传空间的id属性 <input type="file" id="file" name="file" />

        dataType: 'text',//返回值类型 一般设置为json

        success: function (data, status) //服务器成功响应处理函数

        {

             //方法一，用后台返回值

             alert(data);//后台out输出的值

             //用ajaxFileUpload来判断成功与否，设置值

              $('#myspan').html("上传成功！");

        },

        error: function (data, status, e)//服务器响应失败处理函数

        {

               //方法一，用后台返回值

                 alert(data);//后台out输出的值

                 //用ajaxFileUpload来判断成功与否，设置值

              $('#myspan').html("上传失败！");

        }

      }

    )

    return false;

  }

  </script>

<body>

<h1>文件上传实例——servlet 异步上传文件（ajaxFileupload）</h1>

<!-- <form method="post" action="/servleToRestful/uploadFile" enctype="multipart/form-data">

    选择一个文件:

    <input type="file" name="uploadFile" />

    <br/><br/>

    <input type="submit" value="上传" />

</form>

 -->

    <br/>

    <input type="file" id="file" name="file" />

    <br />

    <input type="button" value="上传" onclick="return ajaxFileUpload();">

    <br>

    <p><span id="myspan"></span></p>

</body>

</html>

3、后台代码FileUpload类

package com.eviac.blog.restws;

import java.io.File;

import java.io.IOException;

import java.io.PrintWriter;

import java.util.List;

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 FileUpload extends HttpServlet{

    private static final long serialVersionUID = 1L;

    // 上传文件存储目录

    private static final String UPLOAD_DIRECTORY = "upload";

    // 上传配置

    private static final int MEMORY_THRESHOLD   = 1024 * 1024 * 3;  // 3MB

    private static final int MAX_FILE_SIZE      = 1024 * 1024 * 40; // 40MB

    private static final int MAX_REQUEST_SIZE   = 1024 * 1024 * 50; // 50MB

    public FileUpload(){

        super();

    }

    public void service(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException{

                PrintWriter writer = response.getWriter();

                // 检测是否为多媒体上传

                if (!ServletFileUpload.isMultipartContent(request)) {

                    // 如果不是则停止

                    writer.println("Error: 表单必须包含 enctype=multipart/form-data...");

                    writer.flush();

                    return;

                }

                //记住要写这句话，上传的文件名才不会乱码！！！！！！！！！

                request.setCharacterEncoding("utf-8");

                response.setContentType("text/html;charset=utf-8");

                // 配置上传参数

                DiskFileItemFactory factory = new DiskFileItemFactory();

                // 设置内存临界值 - 超过后将产生临时文件并存储于临时目录中

                factory.setSizeThreshold(MEMORY_THRESHOLD);

                // 设置临时存储目录

                factory.setRepository(new File(System.getProperty("java.io.tmpdir")));

                ServletFileUpload upload = new ServletFileUpload(factory);

                // 设置最大文件上传值

                upload.setFileSizeMax(MAX_FILE_SIZE);

                // 设置最大请求值 (包含文件和表单数据)

                upload.setSizeMax(MAX_REQUEST_SIZE);

                // 构造临时路径来存储上传的文件

                // 这个路径相对当前应用的目录

                String uploadPath = request.getContextPath() + File.separator + UPLOAD_DIRECTORY;

                //获取项目发布路径  下的upload文件夹

                uploadPath = request.getSession().getServletContext().getRealPath("/upload");

                // 如果目录不存在则创建

                File uploadDir = new File(uploadPath);

                if (!uploadDir.exists()) {

                    uploadDir.mkdir();

                }

                try {

                    // 解析请求的内容提取文件数据

//                    @SuppressWarnings("unchecked")

                    List<FileItem> formItems = upload.parseRequest(request);

                    if (formItems != null && formItems.size() > 0) {

                        // 迭代表单数据

                        for (FileItem item : formItems) {

                            // 处理不在表单中的字段

                            if (!item.isFormField()) {

                                //这里处理文件中文乱码没用。。。。。。。。。

                                System.out.println(new String(item.getName().getBytes("utf-8"),"iso-8859-1"));

                                String fileName = new File(item.getName()).getName();

                                String filePath = uploadPath + File.separator + fileName;

                                File storeFile = new File(filePath);

                                // 在控制台输出文件的上传路径

                                System.out.println(filePath);

                                // 保存文件到硬盘

                                item.write(storeFile);

                                //注意编码，不然返回前端会乱码！！！

                                writer.println(new String("上传成功！".getBytes("utf-8"),"iso-8859-1"));

                            }

                        }

                    }

                } catch (Exception ex) {

                    ex.printStackTrace();

                }

                // 跳转到 message.jsp,这里使用了异步上传，所以不用跳转页面

                    //request.getRequestDispatcher("/message.jsp").forward(request, response);

            }

}

Servlet异步上传文件的更多相关文章

  1. HTML5 jQuery+FormData 异步上传文件，带进度条

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link href ...

  2. spingMVC异步上传文件

    框架是个强大的东西,一般你能想到的,框架都会帮你做了,然后只需要会用就行了,spingmvc中有处理异步请求的机制,而且跟一般处理请求的方法差别不大,只是多了一个注解:spingmvc也可以将stri ...

  3. struts2 jquery ajaxFileUpload 异步上传文件

    网上搜集的,整理一下. 一.ajaxFileUpload 实现异步上传文件利用到了ajaxFileUpload.js这个文件,这是别人开发的一个jquery的插件,可以实现文件的上传并能够和strut ...

  4. 关于js异步上传文件

    好久没登录博客园了,今天来一发分享. 最近项目里有个需求,上传文件(好吧,这种需求很常见,这也不是第一次遇到了).当时第一想法就是直接用form表单提交(原谅我以前就是这么干的),不过表单里不仅有文件 ...

  5. 利用ajaxfileupload.js异步上传文件

    1.引入ajaxfileupload.js 2.html代码 <input type="file" id="enclosure" name="e ...

  6. 【转】JQuery插件ajaxFileUpload 异步上传文件（PHP版）

    前几天想在手机端做个异步上传图片的功能,平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错,但是由于手机不支持flash,所以不得不再找一个文件上传插件来用了.后来发现a ...

  7. 异步上传文件,ajax上传文件,jQuery插件之ajaxFileUpload

    http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html 一.ajaxFileUpload是一个异步上传文件的jQuery插件. ...

  8. 利用jquery.form实现异步上传文件

    实现原理 目前需要在一个页面实现多个地方调用上传控件上传文件,并且必须是异步上传.思考半天,想到通过创建动态表单包裹上传文件域,利用jquery.form实现异步提交表单,从而达到异步上传的目的,在上 ...

  9. HTML5预览图片、异步上传文件

    注意啦:本文的代码都是以JQuery为示例,jq_开头的变量都是jq对象. 在HTML5中,我们可以在图片上传之前对图片进行预览,就像下面这么做 jq_upload_file.change(funct ...

随机推荐

  1. 基于python的文件处理

    二.文件操作方法大全 1.os.mknod("test.txt") 创建空文件2.fp = open("test.txt",w) 直接打开一个文件,如果文件不存 ...

  2. 单词words

    论一类脑筋急转弯题和奇技淫巧题的解题技巧 [题意] 给定n个长为m且只包含xyz的字符串,定义两个字符串的相似程度为它们对应位置相同字符个数(比如xyz和yyz的相似程度为2,后两位相同),分别求出相 ...

  3. PE440

    一些证明,推荐复制入atom观看 首先我们考虑这个T(n)是什么,我们可以列出递归式: (definition:T) T(0) = 1 T(1) = 10 T(n) = 10*T(n-1) + T(n ...

  4. uoj228 基础数据结构练习题

    趁别人题解没有放出来赶快写一篇 整数序列,操作 区间加 区间变成sqrt(下取整) 区间和 考虑一下对于每个区间里所有sqrt不同的段操作,那么可以在O(段数logn)一次的时间内完成sqrt操作.考 ...

  5. 学习OpenStack之（6）：Neutron 深入学习之 OVS + GRE 之 Compute node 篇

    0.环境 硬件环境见上一篇博客:学习OpenStack之(5):在Mac上部署Juno版本OpenStack 四节点环境 OpenStack网络配置:一个tenant, 2个虚机 Type drive ...

  6. ffmpeg-20160831-bin.7z

    ESC 退出 0 进度条开关 1 屏幕原始大小 2 屏幕1/2大小 3 屏幕1/3大小 4 屏幕1/4大小 5 屏幕横向放大 20 像素 6 屏幕横向缩小 20 像素 S 下一帧 [ -2秒 ] +2 ...

  7. SAP 销售订单的文本项目

    http://blog.itpub.net/9859323/viewspace-616508/ ls_hdname = wa_vbak-vbeln .     CALL FUNCTION 'READ_ ...

  8. 数据库DBA(3年以内需求)

    1.DBA工作:日常维护,备份及恢复,系统安装,补丁应用,健康检查及优化,故障处理; 2.精通sql语句.视图存储过程.函数的编写.触发器; 3.精通data guard/RAC,能顺利配置和管理da ...

  9. Mac Pro 16G 安装MyEclipse提示虚拟内存（为0）不够

    百度一下很多人都说开多一点程序,让程序占满内存,使其虚拟内存使用就能通过这一步骤,但这里有个更好一点的方案 通过执行: memory_pressure -l critical 用系统内存压力测试进程占 ...

  10. eclipse 搭建python环境

    1.安装eclipse + jdk windows下面就直接下载,双击安装就完了. Linux下: 安装eclipse: 安装完之后,可直接运行eclipse: 快捷方式在: 安装jidk:   2. ...