`

webwork/Struts 2 实现页面无刷新多文件上传

阅读更多
这个demo是用webwork实现的,原理上和用Struts 2完全一样。实现多文件上传和页面无刷新效果,用iframe技术实现了页面无刷新功能。上传成功后,后台向前台反馈上传成功的文件信息。

UploadAction.java 实现文件上传功能的action类。
package net.androidla.action;

import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;

import javax.servlet.http.HttpServletResponse;

import com.opensymphony.webwork.ServletActionContext;
import com.opensymphony.xwork.ActionSupport;

public class UploadAction extends ActionSupport {
	private static final long serialVersionUID = 1L;
	private File[] file;
	private String[] filename;
	private String name;
	private String msg;
	
	public String[] getFilename() {
		return filename;
	}

	public void setFilename(String[] filename) {
		this.filename = filename;
	}

	public String getMsg() {
		return msg;
	}

	public void setMsg(String msg) {
		this.msg = msg;
	}

	public File[] getFile() {
		return file;
	}

	public void setFile(File[] file) {
		this.file = file;
	}
	
	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public String upload() {
		StringBuilder str = new StringBuilder();
		List<String> filenamearr = new ArrayList<String>();
		for (int n = 0; n < filename.length; n ++) {
			if (!filename[n].equals("")) {
				filenamearr.add(filename[n]);
			}
		}
		
		File path = new File("C:/uploaddir");
		if (!path.exists()) {
			path.mkdirs();
		}
		FileOutputStream fos = null;
		FileInputStream fis = null;
		byte[] b = new byte[1024 * 10];
		int temp = 0;
		String name = null;
		String fname = null;
		int f = 0;
		for (int i = 0; i < file.length; i ++) {
			try {
				fname = filenamearr.get(i);
				f = fname.lastIndexOf("\\");
				name = f != -1 ? fname.substring(f + 1) : fname;
				fis = new FileInputStream(file[i]);
				fos = new FileOutputStream(path + File.separator + name);
				while ((temp = fis.read(b, 0, b.length)) != -1) {
					fos.write(b, 0, temp);
				}
				fos.flush();
				fos.close();
				fis.close();
				str.append(name + " 上传成功 ");
			} catch (Exception e) {
				e.printStackTrace();
			}
		}
		try {
			HttpServletResponse res = ServletActionContext.getResponse();
			res.setCharacterEncoding("UTF-8");
			PrintWriter out = res.getWriter();
			out.println("<script type=\"text/javascript\">parent.callback('" + str.toString() + "')</script>");
		} catch (IOException e) {
			e.printStackTrace();
		}
		return NONE;
	}
}


webwork的配置文件。
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xwork PUBLIC "-//OpenSymphony Group//XWork 1.1.1//EN" "http://www.opensymphony.com/xwork/xwork-1.1.1.dtd">
<xwork>
	<package name="upload" namespace="/upload" extends="webwork-default">
        <action name="upload" class="net.androidla.action.UploadAction" method="upload">
        	<!-- 
	        <interceptor-ref name="fileUploadStack"/>
	         -->
	        <interceptor-ref name="fileUpload" >
           		<param name="maximumSize">2048000</param> 
                <param name ="allowedTypes" > 
                    image/bmp,image/png,image/gif,image/jpeg,image/x-png,image/pjpeg,application/x-zip-compressed
                </param> 
            </interceptor-ref > 
            <interceptor-ref name="defaultStack" />
        </action>
    </package>
</xwork>



前台jsp文件:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/webwork" prefix="ww" %>
<%@ page import="com.opensymphony.xwork.ActionContext" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript">
		function getFileName(obj) {
			var file = document.getElementsByName("file");
			var filename = document.getElementsByName("filename");
			for (var i = 0; i < file.length; i ++) {
				if (obj == file[i]) {
					filename[i].value = file[i].value;
					break;
				}
			}
		}
		function callback(msg)
		{
		/*	document.getElementById("file").outerHTML = document.getElementById("file").outerHTML;*/
			document.getElementById("msg").innerHTML = "<font color=red>"+msg+"</font>";
		}
	</script>
  </head>
  
  <body>
	<form action="<%=path %>/upload/upload.action" id="form1" name="form1" encType="multipart/form-data" target="hidden_frame" method="post" >
	   	<input type="text" id="name" name="name" value="chen"><br>
		<input type="file" id="file1" name="file" style="width:450" onchange="getFileName(this);"><input type="hidden" id="filename1" name="filename"><br>
		<input type="file" id="file2" name="file" style="width:450" onchange="getFileName(this);"><input type="hidden" id="filename2" name="filename"><br>
		<input type="file" id="file3" name="file" style="width:450" onchange="getFileName(this);"><input type="hidden" id="filename3" name="filename"><br>
		<input type="file" id="file4" name="file" style="width:450" onchange="getFileName(this);"><input type="hidden" id="filename4" name="filename"><br>
		<input type="file" id="file5" name="file" style="width:450" onchange="getFileName(this);"><input type="hidden" id="filename5" name="filename"><br>
		<input type="file" id="file6" name="file" style="width:450" onchange="getFileName(this);"><input type="hidden" id="filename6" name="filename"><br>
		<INPUT type="submit" value="上传文件"><span id="msg"></span><br>
		<font color="red">支持"jpg", "jpeg", "gif", "zip"文件的上传</font>
		<iframe name='hidden_frame' id="hidden_frame" style='display:none'></iframe>
	</form>
  </body>
</html>



  • 大小: 20.1 KB
1
4
分享到:
评论
3 楼 longmain 2011-11-03  
 out.println("<script type=\"text/javascript\">parent.callback('" + str.toString() + "')</script>");   

这个会在struts处理完写回页面上的hidden frame里。那时候调用。
2 楼 nello 2011-08-23  
ydpiaoyun 写道
你好,请问function callback(msg)  这个回调函数在哪调用了,怎么没找到调用的地方呢。谢谢! QQ:495231441

out.println("<script type=\"text/javascript\">parent.callback('" + str.toString() + "')</script>"); 
1 楼 ydpiaoyun 2011-08-23  
你好,请问function callback(msg)  这个回调函数在哪调用了,怎么没找到调用的地方呢。谢谢! QQ:495231441

相关推荐

    struts2+ajax 无刷新验证身份证号是否已注册,身份证号是否正确

    Struts2支持拦截器、类型转换、文件上传、国际化、主题等功能,这些特性使得开发者能够快速构建出稳定高效的Web应用。 ##### 2.2 AJAX技术介绍 AJAX(Asynchronous JavaScript and XML),即异步JavaScript和XML,...

    struts2 入门书籍

    - **国际化实现**:Struts2支持多语言的应用,通过配置资源文件,可以轻松实现页面和Action的国际化。 - **页面的国际化**:通过在JSP页面中使用`&lt;s:text&gt;`标签引用资源文件中的键值,实现文本的动态加载。 - *...

    STRUTS2和AJAX结合实现连动菜单

    Struts2结合了Struts1和WebWork的优点,提供了更为灵活和强大的架构。 Struts2的核心是使用拦截器处理用户请求,这种设计使得业务逻辑控制器与Servlet API能够解耦。拦截器链在处理用户请求时,会自动应用如工作流...

    【电液伺服系统】基于结构不变补偿的低阶线性ADRC控制方法复现与性能分析:电液伺服系统高级控制策略设计(复现论文或解答问题,含详细可运行代码及解释)

    内容概要:本文详细介绍了基于结构不变补偿的电液伺服系统低阶线性主动干扰抑制控制(ADRC)方法的实现过程。首先定义了电液伺服系统的基本参数,并实现了结构不变补偿(SIC)函数,通过补偿非线性项和干扰,将原始系统转化为一阶积分链结构。接着,设计了低阶线性ADRC控制器,包含扩展状态观测器(ESO)和控制律,用于估计系统状态和总干扰,并实现简单有效的控制。文章还展示了系统仿真与对比实验,对比了低阶ADRC与传统PID控制器的性能,证明了ADRC在处理系统非线性和外部干扰方面的优越性。此外,文章深入分析了参数调整与稳定性,提出了频域稳定性分析和b0参数调整方法,确保系统在参数不确定性下的鲁棒稳定性。最后,文章通过综合实验验证了该方法的有效性,并提供了参数敏感性分析和工程实用性指导。 适合人群:具备一定自动化控制基础,特别是对电液伺服系统和主动干扰抑制控制感兴趣的科研人员和工程师。 使用场景及目标:①理解电液伺服系统的建模与控制方法;②掌握低阶线性ADRC的设计原理和实现步骤;③学习如何通过结构不变补偿简化复杂系统的控制设计;④进行系统仿真与实验验证,评估不同控制方法的性能;⑤掌握参数调整与稳定性分析技巧,确保控制系统在实际应用中的可靠性和鲁棒性。 阅读建议:本文内容详尽,涉及多个控制理论和技术细节。读者应首先理解电液伺服系统的基本原理和ADRC的核心思想,然后逐步深入学习SIC补偿、ESO设计、控制律实现等内容。同时,结合提供的代码示例进行实践操作,通过调整参数和运行仿真,加深对理论的理解。对于希望进一步探索的读者,可以关注文中提到的高级话题,如频域稳定性分析、参数敏感性分析等,以提升对系统的全面掌控能力。

    蓝桥杯-嵌入式设计与开发.zip

    蓝桥杯嵌入式

    PCB_PCB_2021-01-22_16-58-07_2025-03-02.json

    PCB_PCB_2021-01-22_16-58-07_2025-03-02.json

    Android毕设实战项目基于Android的运动管理系统.zip

    【项目资源】: 适用于从基础到高级的各种项目,特别是在性能要求较高的场景中,比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者,可以从简单的控制台程序开始练习;如果是进阶开发者,可以尝试涉及硬件或网络的项目。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担。 2. 部分字体以及插图等来自网络,若是侵权请联系删除。

    【计算机编程】汇编语言:计算机底层编程的基石与应用领域综述

    内容概要:汇编语言是一种低级编程语言,它作为计算机硬件与高级语言间的桥梁,使用助记符表示机器指令。起源于20世纪40年代末至50年代初,目的是替代难以理解的机器语言。汇编语言的特点在于高效性和灵活性,可直接与硬件交互,充分利用硬件资源。它广泛应用于操作系统开发(如中断处理、内存管理)、嵌入式系统(如实时控制系统)以及对安全性和可靠性要求极高的软件开发中。学习汇编语言有助于深入了解计算机工作原理,提升程序性能优化、复杂问题调试及高性能软件开发的能力,培养逻辑思维和关注细节的习惯。; 适合人群:对计算机底层原理感兴趣的程序员、计算机科学专业学生或希望深入理解计算机硬件与软件交互机制的人士。; 使用场景及目标:①理解计算机底层工作原理;②提高程序性能优化能力;③增强复杂问题调试技巧;④开发高性能、高可靠性的软件。; 其他说明:尽管现代编程更多使用高级语言,但汇编语言的学习价值依然很高,特别是在涉及硬件交互和性能优化方面。建议学习时结合实际项目进行练习,以加深理解。

    毕设单片机实战项目机智云智能插座项目固件源码,基于ESP8266平台.zip

    【项目资源】: 单片机项目适用于从基础到高级的各种项目,特别是在性能要求较高的场景中,比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者,可以从简单的控制台程序开始练习;如果是进阶开发者,可以尝试涉及硬件或网络的项目。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担。 2. 部分字体以及插图等来自网络,若是侵权请联系删除。

    PHP面向对象编程与Oracle实战

    本书名为《Web Programming for Business: PHP Object-Oriented Programming with Oracle》,由David Paper撰写,主要面向希望在商业环境中解决数据和技术问题的学生。本书采用Oracle作为后端数据库,内容版本中立,即使PHP和Oracle发生变更,书中代码依然有效。书中代码示例清晰,注重解决方案,并详细解释了如何利用XML、RSS和AJAX等技术在商业应用中。章节内容涵盖了数据库功能、安全编程以及数据转换编程。此外,书中还提供了PowerPoint幻灯片、应用考试题目和示例代码的源文件,旨在通过实例教学帮助读者掌握PHP面向对象编程。大卫·佩珀教授拥有德州仪器和IBM等大公司的实际工作经验,目前在美国犹他州立大学教授计算机科学和商业专业。

    车辆控制Simulink电动车转弯制动ABS与DYC联合控制系统设计:7自由度模型及滑模控制优化使用Simulink

    内容概要:本文详细解析了一个用于电动汽车转弯制动时ABS(防抱死系统)与DYC(横摆力矩控制)协同工作的Simulink模型。模型采用7自由度设计,涵盖纵向、横向、横摆运动及四轮旋转自由度,并引入轮胎魔术公式来精确模拟轮胎力特性。文章重点介绍了ABS系统中的滑移率观测与PID控制策略,以及DYC系统的滑模控制设计,特别是两者之间的协同控制逻辑。通过双移线工况测试验证,该模型能够显著提高车辆稳定性,将横摆角控制在3度以内,并缩短制动距离1.2米。文中还提供了关于模型优化、参数调试的具体建议,以及针对特定工况的仿真技巧。 适合人群:从事车辆控制系统开发的工程师、研究生及对汽车主动安全技术感兴趣的科研人员。 使用场景及目标:①研究ABS与DYC在电动汽车中的协同控制机制;②探索不同路面条件下车辆动态性能优化;③为ESP或TCS系统开发提供参考模型;④比较滑模控制与LQR控制在车辆控制中的应用效果。 阅读建议:建议读者重点关注7自由度模型的设计思路、轮胎魔术公式的实现方式、滑模控制参数调试过程以及ABS和DYC协同控制策略。由于模型涉及较多数学公式和Simulink实现细节,建议结合相关文献深入理解,并通过实际仿真加深认识。

    (源码)基于LVGL图形库的PC模拟器.zip

    # 基于LVGL图形库的PC模拟器 ## 项目简介 本项目是基于LVGL图形库的PC模拟器。LVGL是为嵌入式系统设计的开源图形库,用于创建嵌入式系统的图形用户界面。该项目将LVGL移植到PC上,让开发者无需嵌入式硬件,就能在PC上进行LVGL应用的开发、调试和测试,节约成本且能提升开发效率。 ## 项目的主要特性和功能 1. 跨平台支持可在Windows、Linux和OSX等操作系统上运行。 2. 图形用户界面模拟借助LVGL图形库的各种GUI组件和工具进行模拟。 3. 模拟输入设备能模拟鼠标和键盘的输入操作。 4. 灵活调试通过PC模拟器开发和调试应用程序,便于查找和修复错误。 5. Docker支持便于在Docker容器中运行和测试项目。 ## 安装使用步骤 假设用户已经下载了本项目的源码文件 ### 安装依赖

    毕设单片机实战项目基于ESP8266的家庭版简易开关.zip

    【项目资源】: 单片机项目适用于从基础到高级的各种项目,特别是在性能要求较高的场景中,比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者,可以从简单的控制台程序开始练习;如果是进阶开发者,可以尝试涉及硬件或网络的项目。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担。 2. 部分字体以及插图等来自网络,若是侵权请联系删除。

    Android毕设实战项目基于Android的基金投资分析系统.zip

    【项目资源】: 适用于从基础到高级的各种项目,特别是在性能要求较高的场景中,比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者,可以从简单的控制台程序开始练习;如果是进阶开发者,可以尝试涉及硬件或网络的项目。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担。 2. 部分字体以及插图等来自网络,若是侵权请联系删除。

    【Python符号计算】SymPy库简介、安装与核心功能详解:涵盖符号运算、微积分、线性代数及应用实例

    内容概要:本文介绍了SymPy,一个用于符号数学的Python库。SymPy起源于2007年,由Ondřej Čertík和Aaron Meurer发起,现已发展成一个活跃的开源社区项目。SymPy的核心功能包括符号计算、数学表达式的解析与简化、微积分、线性代数、物理学和工程学应用、可视化、代码生成等。它支持符号变量的创建和基本代数运算,能求解方程、执行符号积分与微分、计算极限与级数、进行矩阵操作等。此外,SymPy在物理问题(如量子力学中的谐振子问题和经典力学中的运动方程)和数学问题(如函数图形和矩阵变换的可视化)的实际应用中表现出色。安装SymPy可通过pip完成,安装后可通过导入库来验证安装是否成功。SymPy与NumPy的区别在于前者专注于符号数学,后者侧重于数值计算。调试SymPy代码时,可以使用print语句、pprint函数、simplify函数以及断点和调试器等工具。 适合人群:对符号数学感兴趣的程序员、研究人员、教师和学生,尤其是那些希望在Python环境中进行数学研究和教育的人群。 使用场景及目标:①用于符号数学计算,如代数运算、微积分、解方程等;②在物理学和工程学中解析和求解微分方程;③结合Matplotlib等库进行数学表达式的可视化;④将符号表达式转换为其他编程语言的代码,适用于高性能计算和嵌入式系统。 阅读建议:由于SymPy涵盖了广泛的数学功能,建议读者从基础功能入手,逐步深入到高级应用。同时,结合实际案例和可视化工具,以更好地理解和掌握SymPy的强大功能。在学习过程中,可以利用提供的调试工具确保代码的正确性。

    chrome-win.zip

    安装包

    (源码)基于Spring Boot框架的ABrowse基因组浏览器.zip

    # 基于Spring Boot框架的ABrowse基因组浏览器 ## 项目简介 ABrowse是一款轻量级的通用基因组浏览器框架,目标是助力生物学家搭建便捷易用的基因组浏览器。其可视化引擎在浏览器端运行,能为用户带来出色的交互体验。该框架支持GTF、BedGraph、SAM等数据格式以及自定义的存储转录剪接位点的数据格式,数据可通过其提供的接口导入本地mongoDB,开发者还能基于API扩展对更多数据格式的支持。此外,ABrowse支持为同一种数据格式提供多种可视化形式,并且可以借助JavaScript API进一步添加更多可视化方法。软件采用Browser Server架构,后端运用Spring Boot框架,前端由HTML5 + JavaScript实现。 ## 项目的主要特性和功能 1. 多数据格式支持支持GTF、BedGraph、SAM等常见格式以及自定义的转录剪接位点数据格式。

    解码 -getitem- 和 -len- - 自定义序列的钥匙

    解码 -getitem- 和 -len- - 自定义序列的钥匙

    (源码)基于Raspberry Pi和INA226芯片的直流电压电流监测系统.zip

    # 基于Raspberry Pi和INA226芯片的直流电压电流监测系统 ## 项目简介 ## 主要特性和功能 1. 实时监测通过INA226芯片实时采集直流电压和电流数据。 2. JSON输出默认输出格式为JSON,便于后续处理和分析。 3. 硬件兼容性支持多种Raspberry Pi型号,硬件连接简单。 4. 配置灵活支持自定义I2C地址、分流电阻值、最大预期电流等参数。 5. 模拟器支持提供无需硬件的模拟器,便于开发和测试。 6. 测试支持包含简单的测试脚本,确保代码的正确性。 ## 安装和使用步骤 ### 1. 硬件设置 确保Raspberry Pi的I2C功能已启用,可以通过raspiconfig或在bootconfig.txt中取消注释dtparami2carmon来实现。 将INA226芯片的GND、SDA、SCL引脚连接到Raspberry Pi对应的I2C引脚。

Global site tag (gtag.js) - Google Analytics