这里需要用到插件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. HahsRouter hash 路由

    无刷新页面,切换视图,用hash 实现路由切换,本身附带history记录,简单舒服. 最近用vue,看到vue-route的路由,做单页应用切换视图真心易如反掌,分分钟爽到不行.为了加深理解其内涵原 ...

  2. 时下手机和p2p理财的共同点

    1, 雨后春笋,百家争鸣:一会听说这个又做手机了,一会听说哪哪哪又搞了个P2P. 2, 性价比高的都得靠抢:手机配置高价格低的要抢:p2p利率高时间短的要抢. 3, 竞争惨烈:手机千元机各种血拼:P2 ...

  3. ACM/ICPC 之 Unix会议室（POJ1087）

    采用EK算法解网络流经典题,本题构图思路比较明确. //Unix会议室插座转换 //网络流-EK算法 //Time:47Ms Memory:1188K #include<iostream> ...

  4. 命令行环境下简单实用的工具——重定向&管道

    如果你对管道和重定向应用自如了,无需继续往下看.本文虽然以windows上cmd命令行环境演示,但同样适用于Unix/Linux等平台. 引言 关于管道和重定向,最初是在刘汝佳的<算法竞赛入门经 ...

  5. .NET LINQ概述

    LINQ      语言集成查询 (LINQ) 是 Visual Studio 2008 中引入的一组功能,它在对象领域和数据领域之间架起了一座桥梁.可为 C# 和 Visual Basic 语言语法 ...

  6. 【XLL 框架库函数】 QuitFramework

    去初使化框架库,简问题是才的重新初使化 XLOPER/XLOPER12. 参数 这个函数没有参数 属性值/返回值 这个函数没有返回值.

  7. VS更改编辑窗背景

    打开Visual Studio  工具→扩展和更新→联机  在搜索框里输入“background”后,搜索结果有很多插件可以更改 Visual Studio 的背景,选择其中的一项,可以在右边进行预览 ...

  8. js屏幕尺寸 笔记

    "屏幕分辨率为:"+screen.width+"*"+screen.height "屏幕可用大小:"+screen.availWidth+& ...

  9. 第一章 Web应用程序简介

    1.1 Web应用程序基础知识 URL.URN与URI URL:Uniform Resource Locator URN:Uniform Resource Name URI:Uniform Resou ...

  10. Channel

    提起Channel,JDK的NIO类库的重要组成部分,就是提供了java.nio.SocketChannel和java.nio.ServerSocketChannel,用于非阻塞的I/O操作. 类似于 ...