uploadify与struts2

Struts2与Uploadify实现带进度条的文件上传 本文还有配套的精品资源,点击获取 简介:结合Struts2框架与Uploadify插件实现文件上传功能,通过进度条提升用户体验。文章详细介绍了如何集成Uploadify,设置参数,创建Struts2 Action,配置Result以及处理文件上传和安全性问题。同时强调了测试与优化的重要性,确保上传功能既安全又用户友好。 1. Struts2框架介绍与配置 1... 阅读详情

我使用的uploadify版本为3.2.1,整合SSH+uploadify

需要的文件有:

jquery-1.7.2.js(注意:这个文件是我自己单独下载的,uploadify文件夹里没有)

jquery.uploadify.js

jquery.uploadify.min.js

uploadify-cancel.png

uploadify.css

uploadify.swf

前台html代码:

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="UTF-8"%>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="uploadify/jquery.uploadify.js"></script>
<script type="text/javascript" src="uploadify/jquery.uploadify.min.js"></script>
<link rel="stylesheet" type="text/css" href="uploadify/uploadify.css">	
</head>

<script type="text/javascript">
$(function () {
    $('#uploadify').uploadify({
        uploader: 'upload!uploadFile',           // 服务器端处理地址
        swf: '/uploadify/uploadify.swf',    // 上传使用的 Flash
        width: 60,                          // 按钮的宽度
        height: 23,                         // 按钮的高度
        buttonText: "上传",                 // 按钮上的文字
        buttonCursor: 'hand',                // 按钮的鼠标图标
        fileObjName: 'uploadify',            // 上传参数名称 后台action里面的属性uploadify
        // 两个配套使用
        fileTypeExts: "*.jpg;*.png;*.txt",             // 扩展名
        fileTypeDesc: "请选择 jpg png txt 文件",     // 文件说明
        auto: false,                // 选择之后,自动开始上传
        multi: true,               // 是否支持同时上传多个文件
        queueSizeLimit: 5          // 允许多文件上传的时候,同时上传文件的个数
    });
});
</script>
<body>
        <input type="file" name="uploadify" id="uploadify" />
        <a href="javascript:$('#uploadify').uploadify('cancel')">清除第一个文件</a>
        <a href="javascript:$('#uploadify').uploadify('cancel', '*')">清除所有文件</a>
        <a href="javascript:$('#uploadify').uploadify('upload', '*')">上传所有文件</a>
</body>
   </html>


后台action代码

package com.action;

import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.IOException;
import org.apache.commons.io.IOUtils;
import org.apache.struts2.ServletActionContext;
import org.apache.struts2.convention.annotation.ParentPackage;
import com.hhkj.tjsjbz.util.PublicOPCode;
import com.opensymphony.xwork2.ActionSupport;

@ParentPackage("framework-package")
public class UploadAction extends ActionSupport{
	
	private File uploadify;
	private String uploadifyFileName;

	public String uploadFile() throws IOException{
		String savePath = ServletActionContext.getServletContext().getRealPath("/uploads/");//上传完后文件存放位置
		System.out.println(savePath);
		String newsuffix = "";
		String current=PublicOPCode.getcurrentdate();
		if((uploadifyFileName != null)&&(uploadifyFileName.length()>0))
		{
			int dot = uploadifyFileName.lastIndexOf(".");
			if((dot >-1) && (dot < (uploadifyFileName.length() - 1)))
			{
				 newsuffix = uploadifyFileName.substring(dot + 1);
			}
		}
		FileInputStream fis = new FileInputStream(uploadify);
		FileOutputStream fos = new FileOutputStream(savePath+"/"+ current + "." + newsuffix);
		IOUtils.copy(fis, fos);
		fos.flush();
		fos.close();
		fis.close();
		return null;
	}
	
	public File getUploadify() {
		return uploadify;
	}
	public void setUploadify(File uploadify) {
		this.uploadify = uploadify;
	}
	public String getUploadifyFileName() {
		return uploadifyFileName;
	}
	public void setUploadifyFileName(String uploadifyFileName) {
		this.uploadifyFileName = uploadifyFileName;
	}
	
}



Struts2uploadify3.1 uploadify3.1与Struts2配合使用。代码运行完美无错,upload因为版本问题,开发者的方法总是运行不起来,这个与Struts2结合的可以成功运行。 立即下载

相关推荐

uploadify3与struts2结合实现有进度条文件上传实例

这是根据uploadify3 2结合struts2搭建的文件上传环境 可以直接导入eclipse运行 每步实现基本都加了注释 以下是我碰到的问题: 1 判断session是否失效 本实例没测试这个问题 但在工作项目中碰到了 但原因在这里记录下:web应用会存在一个session 而uploadify上传时也会产生一个新的session 导致在后台判断session是否失效时获取的session为null 于是就有了请求路径后面的配置; 2 清空队列问题 清空队列时用$ "#file" uploadify "cancel" " " ; 便可以清空了; 3 上传大文件问题 若文件太大可以设置以下步骤:1)初始化参数successTimeout处配置时间长点;2) 修改struts xml 添加struts multipart maxSize的配置;3) 修改服务器端可上传文件大小的限制 在文件 usr local nginx conf nginx conf中修改client max body size 毕竟是第一次用 不是很熟悉 希望有人发现问题可以交流一下">这是根据uploadify3 2结合struts2搭建的文件上传环境 可以直接导入eclipse运行 每步实现基本都加了注释 以下是我碰到的问题: 1 判断session是否失效 本实例没测试这个问题 但在工作项目中碰到了 但原因在这里记录下:web [更多]

使用Uploadify插件在struts2中实现多文件上传示例

使用到的版本为:struts2.1 + uploadify3.2 + swfobject2.2 package com.ssh.web.controller; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import org.apache.struts2.S

tableDDD的博客 2057

uploadify struts2实现图片上传

uploadify是来自国外的一款优秀的jQuery上传插件,主要功能是批量上传文件,带进度显示。

Struts2+uploadify动态向后台传参数

前台代码  "> 文件上传 $(function() { $("#files").uploadify({ 'multi': false, 'auto':false, 'fileObjName' : 'files',

赵侠客 2288

struts2 +jquey uploadify3.2 实现多文件上传

struts2 +jquey uploadify3 2 实现多文件上传 可以运行的myeclipse工程 绝对好用 访问方式http: 127 0 0 1:8080 Struts2Uploadify upload jsp uploadify 使用说明: <a href "javascript:$ "#file upload" uploadify "cancel" ">取消列队中的第一个文件上传< a> <a href "javascript:$ "#file upload" uploadify "cancel" " " ">取消所有列队中的文件上传< a> 语法: uploadify "cancel" "fileID" "suppressEvent" 将调用方法cancel 接受两个参数: fileID:要取消的列队文件id 不传递参数时 表示取消列队中的第一个文件上传 传递星号 表示取消列队中的所有文件上传 suppressEvent:设置为true将禁止onUploadCancel事件 取值:String "true"|"事件名"">struts2 +jquey uploadify3 2 实现多文件上传 可以运行的myeclipse工程 绝对好用 访问方式http: 127 0 0 1:8080 Struts2Uploadify upload jsp uploadify 使用说明: <a href "javascript:$ "#file upload" uploadify "cancel" ">取消列队中的 [更多]

uploadfiy 使用方法例子 及说明

uploadfiy 使用方法例子 及说明,可以让你更快的学会使用uploadfiy ........................................

在SSH的基础上使用jquery.uploadify.js上传文件

在SSH框架的基础上,使用jquery.uploadify.js实现文件的上传,之前搞了好几天,都上传不了,在

NOT NULL 2089

基于51单片机的通讯聊天系统

通过编写51单片机通讯聊天程序,掌握51单片机的各个模块的知识点和运用C语言编写51单片机的能力。用51单片机与口袋开发板设计实现一个单片机与电脑串口助手实现通讯功能的程序。程序的主要功能如下: 1 OLED初始化显示Welcome to Bluetooth communication! 字符串。 2 程序开始时处于接收信息模式, 电脑串口助手发送信息时,将从初始化字符第一个开始显示,电脑串口助手发送信息后,蜂鸣器响铃2秒左右。 3 每次同时按下左右键时,可以轮流切换接收/发送信息模式 4 在发送信息模式时

m0_47419053的博客 3638

Struts2+JQuery.uploadify插件实现带进度的多文件上传示例

/** * Struts2Test * 顺便的文件下载的Action */package com.labci.struts2.action;import java.io.FileInputStream;import java.io.InputStream;import java.io.OutputStream;import javax.servlet.http.Ht

2万+

机器学习第五章之决策树模型

机器学习专题系列

wangyutao12345的博客 5182

OpenStack 8 节点生产级高可用(HA)集群实施文档

本文详细介绍了生产级高可用OpenStack集群的架构设计与实施方案。通过采用3节点控制集群(HAProxy+Keepalived)、2节点计算资源池和3节点Ceph分布式存储,实现了控制平面、计算资源和存储系统三个层面的高可用。方案重点阐述了VIP漂移、MariaDB Galera集群、RabbitMQ镜像队列等关键组件的配置方法,并提供了完整的部署流程和故障验证方案。该架构确保任意单节点故障不会影响平台整体可用性,满足生产环境对稳定性、扩展性和可维护性的要求,为构建无单点故障的OpenStack生产环境

彭大帅的博客 780

struts2使用uploadify进行上传

版本: struts2.3.4.1 uploadify 2.1.4 jquery1.8.1 index.jsp $(document).ready(function(){ $("#files").uploadify({ 'uploader' : 'js/uploadify.swf',//是组件自带的flash,用于打开选取本地文件的按钮 'script' : 'uplo

wsldl123292的专栏 1148

Transformer实战——Transformer自编码模型

自编码模型依赖于原始 Transformer 编码器,并且在解决分类问题时非常高效。除了 BERT 外,还有许多流行的自编码模型,在本节中,我们将一些除 BERT 外的自编码模型,这些模型的目标是通过优化预训练过程、增加层数或头数、改善数据质量、设计更好的目标函数等,来在下游任务上取得更好的表现。这些改进大致可以分为两个方面,更好的架构设计选择和预训练控制。

盼小辉丶的博客 9311

在Struts2中使用Uploadify组件上传文件

Uploadify是一个基于Jquery的文件上传组件,官网http://www.uploadify.com/可以在官网获得该组件,运行演示示例,下载帮助文档。 作为Web前端的增强技术,Jquery给用户以更好的体验和交互,增强富互联网客户端特效,而基于Jquery的Uploadify更是将文件上传效果发挥到极致。 一个项目下,需要开发一个上传文件的应用,项目基于Str...

126

YOLOv11改进有效涨点专栏目录 | 含卷积、主干、注意力机制、Neck、检测头、损失函数、二次创新C2PSA/C3k2等各种网络结构改进

Hello,各位读者们好.本文为最新YOLOv11有效涨点专栏目录,YOLOv11以及发布了一个月左右,这个过程中我也是给大家整理了许多的机制,其中包含了C3k2、主干(均支持根据yolov11训练的版本进行二次缩放,全系列都能轻量化)、检测头、注意力机制、Neck多种结构上创新,也有损失函数和一些细节点上的创新。

Snu77的博客 8万+

汽车安全新防线|基于AI的入侵检测系统开发(全网独家复现),CNN-BiLSTM融合改进篇 强化CAN总线数据感知、助力多类型入侵检测、实时响应预警、车载场景有效落地

基于AI的入侵检测系统是汽车网络安全领域的重要技术突破,能够有效应对日益复杂的网络攻击威胁。随着AI技术的不断发展和普及,AI入侵检测系统将在汽车安全领域发挥越来越重要的作用。对于汽车制造商和供应商来说,实施AI入侵检测系统不仅是保障车辆安全的需要,也是提升市场竞争力的重要手段。未来,AI入侵检测系统将成为智能汽车的标准配置,为用户提供更加安全、可靠的驾驶体验。

getusushu的博客 86

JQuery上传控件uploadify结合Struts2多文件上传

开发环境:    MyEclipse10 + tomcat7.0 框架版本介绍:JQuery1.9.1  、 uploadify3.2  、 Struts2.3.7   实现功能:    使用JQuery上传控件Excel文档,后缀限制.xls .xlsx,进行通用解析 技术要点:    使用HSSFWorkbook、XSSFWorkbook区分不同版本的电子表格

不积跬步,无以至千里。 2754

互联网的发展简史—web

互联网是我现在生活所离不开的一个东西,但是你知道互联网的前世今生吗?本文将讲解互联网的发展史,以及很火的元宇宙概念。

yj11290301的博客 3562

Struts2+Uploadify文件上传使用详解

Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。不过官方提供的实例是php版本的,本文将详细介绍Uploadify在java中的使用,您也可以点击下面的链接进行演示或下载。 官方下载 官方文档 官方演示 创建工程那些话就不多说了,上张图先看看项目结构。 demo只是入门,所以比较简单。也更能够理解up...

aichuxia4449的博客 182

图数据库Neo4j面试内容整理-Neo4j的性能

在执行复杂关系查询时,Neo4j 通过图结构的高效存储和查询机制,能够比传统的关系型数据库提供更快的性能,尤其是在涉及深层关系的查询时。通过合理的配置、优化查询和使用合适的硬件,Neo4j 可以处理大规模的数据集和高并发的查询请求,满足企业级应用的需求。Neo4j 在处理图数据时,通过优化图的存储、查询和遍历等方面,提供了高效的性能,特别适合用于需要处理复杂关系和多层次连接的应用场景,如社交网络、推荐系统、知识图谱等。:Neo4j 会根据查询的结构和数据的分布自动选择最优的查询计划。

不务正业的猿 586

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

Uploadify在Struts2中的应用

步骤一: 到官网上下载uploadify的JS文件.Uploadify在线演示:在线Demo Uploadify配置参数及接口文档:http://www.uploadify.com/documentation Uploadify插件下载地址:http://www.uploadify.com/download ---------------------------------------------

humao84229247的专栏 7134

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

struts2+uploadify整合后报错error 404

在项目中应用了struts2和uploadify来完成上传文件的功能,但是在开发过程中发现uploadify在上传文件后,会报http 404 error的错误,认真检查struts2的action路径后确认不是路径错误的问题。然后在网上找到一些对于这个问题的解决办法,有的说是session id丢失问题,有的说是uploadify的bug,需要修改uploadify的源码。

大金的专栏 933

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

Uploadify + Struts2 应用之分析与详解

Uploadify是一个Jquery框架下处理批量文件上传的插件,支持多种服务器端软件。遗憾的是,官网(www.uploadify.com)的说明文档做得很不完善,着重于说明Js部分的配置,而没有对服务端的数据接口进行详细说明。而且由于与服务器端进行数据交互的部分被封装在swf文件中,也很难从源代码进行分析。本文根据对服务器端的接受到的Request的分析,总结了Uploadify与服务器端交互的数据接口,并以批量上传照片为例,详细说明了Uploadify在Struts2下的应用。

alexandertech的专栏 5605

uploadify 3.2结合struts2的使用详解

首先说一下uploadify3已经没有swfobject.js这个文件了,已经嵌在了jquery.uploadify.js中,使用uploadify只需要其中的4个文件,分别是: uploadify-cancel.png、uploadify.swf、uploadify.css、jquery.uploadify.js或者jquery.uploadify.min.js。其中jquery.uplo

云原生之家 3107
上一篇: 推荐几款Web前端框架
下一篇: svn断开连接
good_logic
博客等级 码龄15年 54粉丝 38原创
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值