这里需要用到插件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. Eclipse 代码显示不全的问题

    Eclipse中的"Show Source of Selected Element Only"功能引起的, 定位到: Window->Customize Perspectiv ...

  2. popoverPresentationController UIPopoverController 使用方法详解

    之前iPad特有的控件,现在iPhone亦可使用. 点击按钮,弹出popOverVC. 按钮的点击事件: - (IBAction)pickOrderAction:(UIButton *)sender ...

  3. Hadoop家族的各个成员

    官方定义:hadoop是一个开发和运行处理大规模数据的软件平台.核心词语是平台,也就是说我们有大量的数据,又有好几个电脑,我们知道应该把处理数据的任务分解到各个电脑上,但是不知道怎样分配任务,怎样回收 ...

  4. struts2 国际化

    国际化概述: 软件国际化:一个软件根据来访者地区不同,显示不同语言. 国际化: * 必须有一组资源包: * 一组属性文件命名: 基本名称_语言(小写)_国家(大写).properties * 如:me ...

  5. qt creator 源代码中含有中文编译报错

    Tools-Options-Text Editor-Behavior-File Encoding-Default encoding:UTF-8 Tools-Options-Text Editor-Be ...

  6. October 18th, Week 43rd Tuesday, 2016

    Live as if you were to die tomorrow. 将每一天都当作人生的最后一天来活. If I were to die tomorrow, I may choose to en ...

  7. 算法系列：FFT 002

    转载自http://blog.jobbole.com/58246/ 快速傅里叶变换(Fast Fourier Transform)是信号处理与数据分析领域里最重要的算法之一.没有正规计算机科学课程背景 ...

  8. 【leetcode】Factorial Trailing Zeroes

    题目描述: Given an integer n, return the number of trailing zeroes in n!. Note: Your solution should be ...

  9. error C2144: 语法错误:“int”的前面应有“;”

    百度网上都说是中文输入的问题. 但我的错误是函数声明时后面忘了加 :真是要死......

  10. Angular2表格/可排序/table

    Angular2表格 1. 官网下载Angular2开发环境,以及给出的quickstart代码示例demo(地址如下),具体步骤不在详述. https://github.com/angular/qu ...