这里需要用到插件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. BZOJ 4576: [Usaco2016 Open]262144

    Description 一个序列,每次可以将两个相同的数合成一个数,价值+1,求最后最大价值 \(n \leqslant 262144\) Sol DP. 这道题是 BZOJ 4580: [Usaco ...

  2. js框架设计1.1命名空间笔记

    借到了司徒正美的写的js框架设计一书,司徒大神所著有些看不太懂,果然尚需循序渐进,稳扎js基础之中. 第一张开篇司徒阐述了种子模块的概念 种子模块亦为核心模块,框架最先执行模块,司徒见解应包含:对象扩 ...

  3. 基于 React.js + Redux + Bootstrap 的 Ruby China 示例 (转)

    一直学 REACT + METEOR 但路由部分有点问题,参考一下:基于 React.js + Redux + Bootstrap 的 Ruby China 示例 http://react-china ...

  4. 常用的windows cmd 的使用

    cd/:返回根目录 cd 文件名:进入某文件 md 文件名:新建文件 dir:显示当前文件夹内的文件目录 del:删除文件 rd:删除空目录(目录中不能有子目录和文件) deltree:删除目录并删除 ...

  5. python merry -- error handling in the real world

    参考: https://www.youtube.com/watch?v=8kTlzR4HhWo https://github.com/miguelgrinberg/merry 背景 本文实际就是把 d ...

  6. 2014 39th ACM-ICPC 西安赛区 总结

    西安,打铁. 出发前听说是大赛区,签到的时候看了秩序册的队伍情况,264支队伍. 在听说是大赛区之前,我觉得我们队应该是银首,运气好+发挥超常的话或许有金,即保银冲金. 听到大赛区之后,觉得可能金区有 ...

  7. C语言字符串操作总结大全

    1)字符串操作 strcpy(p, p1)  复制字符串  函数原型strncpy(p, p1, n)   复制指定长度字符串  函数原型strcat(p, p1)   附加字符串  函数原型strn ...

  8. oracle数据库安装完要做的事情。

    安装数据库客户端.这个在oracle官网可以下载安装(下载链接) 安装PL/SQL PL在下载 配置环境变量(这个比较重要,不配置PLSQL链接不到数据库) 配置的相关环境变量有: 变量名:oracl ...

  9. 关于ActiveMQ的几种集群配置

    ActiveMQ的几种集群配置. Queue consumer clusters 此集群让多个消费者同时消费一个队列,若某个消费者出问题无法消费信息,则未消费掉的消息将被发给其他正常的消费者,结构图如 ...

  10. 结合stack数据结构，实现不同进制转换的算法

    #!/usr/bin/env python # -*- coding: utf-8 -*- # learn <<Problem Solving with Algorithms and Da ...