这里需要用到插件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. 整理iOS9适配中出现的坑（图文）

    原文: http://www.cnblogs.com/dsxniubility/p/4821184.html 整理iOS9适配中出现的坑(图文)   本文主要是说一些iOS9适配中出现的坑,如果只是要 ...

  2. tornado 重定向404（方法不对）

    application = tornado.web.Application(url_wrapper([ (r"", include('app.views.web_services. ...

  3. Oracle分析函数（一）

    一.总体介绍 分析函数如何工作 语法 FUNCTION_NAME(<参数>,…) OVER (<PARTITION BY 表达式,…> <ORDER BY 表达式 < ...

  4. maven install 构建报错

    错误:Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin: 2.3 . 2 :compile ( default ...

  5. 【XLL 框架库函数】 TempActiveRow/TempActiveRow12

    创建一个包含所有激活工作表行的 XLOPER/XLOPER12 LPXLOPER TempActiveRow(WORD row); LPXLOPER12 TempActiveRow12(ROW row ...

  6. iOS 图片选择器 总结

    UIImagePickerController #pragma mark 从用户相册获取活动图片 - (void)pickImageFromAlbum{ imagePicker = [[UIImage ...

  7. java获取汉字拼音首字母 --转载

    在项目中要更能根据某些查询条件(比如姓名)的首字母作为条件进行查询,比如查一个叫"李晓明"的人,可以输入'lxm'.写了一个工具类如下: import java.io.Unsupp ...

  8. php总结二篇

    PHP的网站主要攻击方式: 1.命令注入(Command Injection) 2.eval注入(Eval Injection) 3.客户端脚本攻击(Script Insertion) 4.跨网站脚本 ...

  9. PHP缓存技术

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  10. Python for Data Analysis

    Data Analysis with Python ch02 一些有趣的数据分析结果 Male描述的是美国新生儿男孩纸的名字的最后一个字母的分布 Female描述的是美国新生儿女孩纸的名字的最后一个字 ...