服务器端采用struts2来处理文件上传。
所需环境：
jquery.js
ajaxfileupload.js
struts2所依赖的jar包
及struts2-json-plugin-2.1.8.1.jar
编写文件上传的Action

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>

注意结合Action观察struts.xml中result的配置。  contentType参数是一定要有的，否则浏览器总是提示将返回的JSON结果另存为文件，不会交给ajaxfileupload处理。这是因 为struts2 JSON Plugin默认的contentType为application/json，而ajaxfileupload则要求为text/html。
文件上传的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中action中定义的成员变量

                    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>

注意观察<body>中的代码，并没有form表单。只是在按钮点击的时候触发ajaxFileUpload()方法。需要注意的是js文件引入的先后顺序，ajaxfileupload.js依赖于jquery因此你知道的。

基于struts2的ajaxfileupload异步上传插件的使用的更多相关文章

  1. struts2 jquery ajaxFileUpload 异步上传文件

    网上搜集的,整理一下. 一.ajaxFileUpload 实现异步上传文件利用到了ajaxFileUpload.js这个文件,这是别人开发的一个jquery的插件,可以实现文件的上传并能够和strut ...

  2. jquery之ajaxfileupload异步上传插件

    点我下载工程代码由于项目需求,在处理文件上传时需要使用到文件的异步上传.这里使用Jquery Ajax File Uploader这个组件下载地址:http://www.phpletter.com/d ...

  3. 【文件上传】jquery之ajaxfileupload异步上传插件

    来自:http://www.blogjava.net/sxyx2008/archive/2010/11/02/336826.html 由于项目需求,在处理文件上传时需要使用到文件的异步上传.这里使用J ...

  4. jQuery插件之ajaxFileUpload异步上传

    介绍 AjaxFileUpload.js 是一个异步上传文件的jQuery插件,原理是创建隐藏的表单和iframe然后用JS去提交,获得返回值. 下载地址: http://files.cnblogs. ...

  5. 【转】JQuery插件ajaxFileUpload 异步上传文件（PHP版）

    前几天想在手机端做个异步上传图片的功能,平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错,但是由于手机不支持flash,所以不得不再找一个文件上传插件来用了.后来发现a ...

  6. JQuery插件ajaxFileUpload 异步上传文件（PHP版）

    太久没写博客了,真的是太忙了.善于总结,进步才会更快啊.不多说,直接进入主题. 前几天想在手机端做个异步上传图片的功能,平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错 ...

  7. Struts2中的异步提交（ajaxfileupload异步上传(图片)插件的使用）

    server端採用struts2来处理文件上传. 所需环境: jquery.js ajaxfileupload.js struts2所依赖的jar包 及struts2-json-plugin-2.1. ...

  8. JQuery插件ajaxFileUpload 异步上传文件

    一.先对ajaxFileUpload插件的语法参数进行讲解 原理:ajaxfileupload是通过监听iframe的onload方法来实现, 当从服务端处理完成后,就触发iframe的onload事 ...

  9. jquery ajaxFileUpload异步上传文件

    ajaxFileUpload.js 很多同名的,因为做出来一个很容易. 我用的是这个:https://github.com/carlcarl/AjaxFileUpload 下载地址在这里:http:/ ...

随机推荐

  1. ASP.NET学习笔记（3）——用户增删改查（三层）

    说明(2017-10-6 11:21:58): 1. 十一放假在家也没写几行代码,本来还想着利用假期把asp.net看完,结果天天喝酒睡觉,回去的票也没买到,惨.. 2. 断断续续的把用户信息的页面写 ...

  2. C#学习笔记（2）——操作sqlite数据库增删改查

    说明(2017-5-25 10:49:50): 1. app.config文件 Alt+Shift+C创建类,选择“应用程序配置文件”,添加<connectionStrings>,要先打个 ...

  3. 基于HTML5手机登录注册表单代码

    分享一款基于HTML5手机登录注册表单代码.这是一款鼠标点击注册登录按钮弹出表单,适合移动端使用.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class=&qu ...

  4. DataTable的一些特殊用法：Select

    当你从数据库里取出一些数据,然后要对数据进行整合,你很容易就会想到: 1DataTable dt = new DataTable();//假设dt是由"SELECT C1,C2,C3 FRO ...

  5. 网站遭受CC攻击的解决办法

    前两天,网站的注册发送手机短信验证码的接口受到攻击,一个半小时,1万条短信都发出去了.可见,我们的安全防护做的多么不好. 分析攻击方式: 1) 多台机器模拟人工操作,随机输入手机号,就点击发送短信: ...

  6. <[长期赢利：股票价值投资方法]>读书笔记

    书在这里 风险是因为不够专业 在股市里,要不断拓宽自己的眼界 投资如长跑,贵在坚持 长线为主,短线为辅:重视选股,减少盲目:耐心等待,春天回来 除了要与银行利息比以外,还要了解当时股票的平均市盈率,再 ...

  7. Eclipse源代码分析

    Eclipse源代码分析 一.概述走入Eclipse的内核,看看它到底是怎么工作的? 1.Eclipse源代码 下载地址:http://download.eclipse.org/eclipse/dow ...

  8. am335x 配置 GPIO 为可输入也可输出

    主要配置设备树如下模式即可 0x1AC (PIN_INPUT_PULLUP | MUX_MODE7)

  9. spring websocket + stomp 实现广播通信和一对一通信<转>

    spring对于基于stomp协议的websocket通信,其官网上面有一个guide,但是根据guide你只能写出来广播方式的通信,不能实现一对一的通信,这篇文章在这里把广播和一对一一起整理一下给大 ...

  10. go包管理之glide

    go语言的包是没有中央库来统一管理的,通过使用go get命令从远程代码库(github.com,goolge code 等)拉取,直接跳过中央版本库的约束,让代码的拉取直接基于源代码版本控制库,开发 ...