代码结构

用到的js文件：

用到的jar包：

jar和js库文件下载地址：下载地址

首先我们写FileAction类

package com.ajaxfile.action;

import java.io.File;

import java.io.FileInputStream;

import java.io.FileOutputStream;

import org.apache.struts2.ServletActionContext;

import com.opensymphony.xwork2.ActionSupport;

@SuppressWarnings("serial")

public class FileAction extends ActionSupport {

    private File file;

    private String fileFileName;

    private String fileFileContentType;

    private String message = "你已成功上传文件";

    public String getMessage() {

        return message;

    }

    public void setMessage(String message) {

        this.message = message;

    }

    public File getFile() {

        return file;

    }

    public void setFile(File file) {

        this.file = file;

    }

    public String getFileFileName() {

        return fileFileName;

    }

    public void setFileFileName(String fileFileName) {

        this.fileFileName = fileFileName;

    }

    public String getFileFileContentType() {

        return fileFileContentType;

    }

    public void setFileFileContentType(String fileFileContentType) {

        this.fileFileContentType = fileFileContentType;

    }

    @SuppressWarnings("deprecation")

    @Override

    public String execute() throws Exception {

        String path = ServletActionContext.getRequest().getRealPath("/upload");

        try {

            File f = this.getFile();

            if(this.getFileFileName().endsWith(".exe")){

                message="对不起,你上传的文件格式不允许!!!";

                return ERROR;

            }

            FileInputStream inputStream = new FileInputStream(f);

            FileOutputStream outputStream = new FileOutputStream(path + "/"+ this.getFileFileName());

            byte[] buf = new byte[1024];

            int length = 0;

            while ((length = inputStream.read(buf)) != -1) {

                outputStream.write(buf, 0, length);

            }

            inputStream.close();

            outputStream.flush();

        } catch (Exception e) {

            e.printStackTrace();

            message = "对不起,文件上传失败了!!!!";

        }

        return SUCCESS;

    }

}

struts.xml配置

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd">

<struts>

    <package name="struts2" extends="json-default">

        <action name="fileUploadAction" class="com.ajaxfile.action.FileAction">

            <result type="json" name="success">

                <param name="contentType">

                    text/html

                </param>

            </result>

            <result type="json" name="error">

                <param name="contentType">

                    text/html

                </param>

            </result>

        </action>

    </package>

</struts>

web.xml配置

<?xml version="1.0" encoding="UTF-8"?>

<web-app version="2.5"

    xmlns="http://java.sun.com/xml/ns/javaee"

    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee

    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">

  <welcome-file-list>

    <welcome-file>index.jsp</welcome-file>

  </welcome-file-list>

  <filter>

      <filter-name>struts2</filter-name>

      <filter-class>

          org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter

      </filter-class>

  </filter>

  <filter-mapping>

      <filter-name>struts2</filter-name>

      <url-pattern>*.action</url-pattern>

  </filter-mapping>

</web-app>

index.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>Insert title here</title>

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

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

        <script type="text/javascript">

    function ajaxFileUpload()

    {

        $("#loading")

        .ajaxStart(function(){

            $(this).show();

        })//开始上传文件时显示一个图片

        .ajaxComplete(function(){

            $(this).hide();

        });//文件上传完成将图片隐藏起来

        $.ajaxFileUpload

        (

            {

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

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

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

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

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

                {

                    alert(data.message);//从服务器返回的json中取出message中的数据,其中message为在struts2中定义的成员变量

                    if(typeof(data.error) != 'undefined')

                    {

                        if(data.error != '')

                        {

                            alert(data.error);

                        }else

                        {

                            alert(data.message);

                        }

                    }

                },

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

                {

                    alert(e);

                }

            }

        )

        return false;

    }

    </script>

    </head>

    <body>

        <img src="loading.gif" id="loading" style="display: none;">

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

        <br />

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

    </body>

</html>

测试一下！！！  选择文件 点击上传~~

上传成功了有木有 点点 小小的兴奋~~~

再看看刚刚上传的！！！

完整代码下载： 代码下载

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

  1. HTML5实现图片文件异步上传

    原文:HTML5实现图片文件异步上传 利用HTML5的新特点做文件异步上传非常简单方便,本文主要展示JS部分,html结构.下面的代码并未使用第三发库,如果有参照,请注意一些未展现出来的代码片段.我这 ...

  2. 文件的上传（表单上传和ajax文件异步上传）

    项目中用户上传总是少不了的,下面就主要的列举一下表单上传和ajax上传!注意: context.Request.Files不适合对大文件进行操作,下面列举的主要对于小文件上传的处理! 资源下载: 一. ...

  3. js 文件异步上传 显示进度条 显示上传速度 预览文件

    通常文件异步提交有几个关键 1.支持拖拽放入文件.2.限制文件格式.3.预览图片文件.4.上传进度,速度等,上传途中取消上传.5.数据与文件同时上传 现在开始笔记: 需要一个最基础的元素<inp ...

  4. 普通文件的上传（表单上传和ajax文件异步上传）

    一.表单上传: html客户端部分: <form action="upload.ashx" method="post" enctype="mul ...

  5. MVC文件上传04-使用客户端jQuery-File-Upload插件和服务端Backload组件实现多文件异步上传

    本篇使用客户端jQuery-File-Upload插件和服务端Badkload组件实现多文件异步上传.MVC文件上传相关兄弟篇: MVC文件上传01-使用jquery异步上传并客户端验证类型和大小  ...

  6. SpringMVC + AJAX 实现多文件异步上传

    转自:https://www.jianshu.com/p/f3987f0f471f 今天,我就这个问题来写一篇如何用 SpringMVC + AJAX 实现的多文件异步上传功能.基本的代码还是沿用上篇 ...

  7. 文件的上传（1）（表单上传和ajax文件异步上传）

    文件的上传(表单上传和ajax文件异步上传) 项目中用户上传总是少不了的,下面就主要的列举一下表单上传和ajax上传!注意: context.Request.Files不适合对大文件进行操作,下面列举 ...

  8. 小程序使用 Promise.all 完成文件异步上传

    小程序使用 Promise.all 完成文件异步上传 extends [微信小程序开发技巧总结(二) -- 文件的选取.移动.上传和下载 - Kindear - 博客园 (cnblogs.com)] ...

  9. 文件上传之——用SWF插件实现文件异步上传和头像截取

    之前写过几篇文件上传,那些都不错.今天小编带领大家体会一种新的上传方法,及使用Flash插件实现文件上传. 使用Flash的好处就是可以解决浏览器兼容性问题.之前我写的一个快捷复制功能也是利用的Fla ...

随机推荐

  1. Integer跟int的区别（备份回忆）

    int与Integer的区别 int 是基本数据类型Integer是其包装类,注意是一个类.为什么要提供包装类呢???一是为了在各种类型间转化,通过各种方法的调用.否则 你无法直接通过变量转化.比如, ...

  2. yield 关键字和迭代器

    一般使用方法     yield 关键字向编译器指示它所在的方法是迭代器块 在迭代器块中,yield 关键字与 return 关键字结合使用,向枚举器对象提供值. 这是一个返回值,例如,在 forea ...

  3. Google Maps API　调用实例

    本实例介绍如何调用Google Maps API,并实现用鼠标标注地图,保存进数据库,以及二次加载显示等. 1.需要新建一个自定义控件(如:Map．ascx),用于显示Google地图: <%@ ...

  4. Quartz2.2.1操作手册

    一.初识quartz JobDetail job = newJob(HelloJob.class).withIdentity("job1", "group1") ...

  5. Bzoj 2431 HAOI2009 逆序对数列

    Description 对于一个数列{ai},如果有i**<**j且ai>aj,那么我们称ai与aj为一对逆序对数.若对于任意一个由1~n自然数组成的数列,可以很容易求出有多少个逆序对数. ...

  6. 图像储存容器Mat［OpenCV 笔记11］

    IplImage 与 Mat IplImage是OpenCV1中的图像存储结构体,基于C接口创建.在退出之前必须release,否则就会造成内存泄露.在一些只能使用C语言的嵌入式系统中,不得不使用. ...

  7. C++类的成员初始化列表的相关问题

    在以下四中情况下,要想让程序顺利编译,必须使用成员初始化列表(member initialization list): 1,初始化一个引用成员(reference member): 2,初始化一个常量 ...

  8. （转）Libevent（2）— event、event_base

    转自:http://name5566.com/4198.html 参考文献列表:http://www.wangafu.net/~nickm/libevent-book/ 此文编写的时候,使用到的 Li ...

  9. 九度OJ 1455 珍惜现在，感恩生活 -- 动态规划（背包问题）

    题目地址:http://ac.jobdu.com/problem.php?pid=1455 题目描述: 为了挽救灾区同胞的生命,心系灾区同胞的你准备自己采购一些粮食支援灾区,现在假设你一共有资金n元, ...

  10. QT5.0.1在Windows下 出现QApplication: No such file or directory 问题的解决办法

    第一个Qt 程序 环境window ,ide qt creator 新建一个 C++ 项目 > 新建一个main.cpp 输入如下代码 #include<QApplication> ...