`
studentGuy1
  • 浏览: 16749 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

struts2 uploadify 多文件上传

阅读更多

在项目中用到了uploadify来上传jar包文件,在其官网上只有php和ASP的实例。在网上找了很多,都不是很满意,下面就共享一下基于项目做的一个多文件上传:


 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>插件上传</title>
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="js/swfobject.js"></script>
	<script type="text/javascript" src="<%=basePath%>js/jquery.uploadify.v2.1.0.min.js"></script>
	<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">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
		
  <link rel="stylesheet" href="style/default.css" type="text/css"></link>
  <link rel="stylesheet" href="style/uploadify.css" type="text/css"></link>
  <link rel="stylesheet" type="text/css" href="style/easyui.css">
  <script type="text/javascript">
$(document).ready(function() {
	var maxBytes = 1024 * 10 * 1024;//设置上传最大值10MB
	$("#jar").uploadify({
		'uploader'       : 'js/uploadify.swf', // 上传文件的swf
		'script'         : '****.action',//传到后台处理
		'cancelImg'      : 'style/images/cancel.png',
		'folder'         : 'temp',//这个没啥用
		'fileDataName'	 : 'jar',//这个和下面的 浏览按钮的name保持一致
		'queueID'        : 'fileQueue',
		'fileDesc'		 : 'All Files Jar', //这个是浏览框显示的字
		'sizeLimit'		 :maxBytes,//最大字节限制
		'queueSizeLimit' : 5,//这个是一次最多能上传几个文件
        'fileExt'	 	 : '*.jar',//限制类型
		'auto'           : false,
		'multi'          : true,
		'displayData'	 : 'percentage',显示百分比
		'buttonText'	 : '浏览',
		'onComplete'	 : function(event,queueID,fileObj,response,data) {//完成的函数
		 	return false;
		 },
           'onError':function(event, ID, fileObj, errorObj){//出错的提示信息
           	   if(maxBytes < fileObj.size){
           	   		$.messager.alert('提示','['+fileObj.name+']太大,超过了最大限制,最大限制为 10MB ','info');
           	   		return false;
           	   }
           	   return true;
           },
           'onQueueFull':function(event,queueSizeLimit){//一次上传到达上限之后提示
           	  $.messager.alert('提示','一次最多只能上传 [' + queueSizeLimit + '] 个jar 包','info');
           	   return false;
           }
	});
});
</script>
  </head>
  
  <body>
 <div id="fileQueue"></div>
<input type="file" name="jar" id="jar" />   
       
<a class="easyui-linkbutton" href="javascript:$('#jar').uploadifyUpload();"  >开始上传</a>  
<a class="easyui-linkbutton" href="javascript:$('#jar').uploadifyClearQueue();"  >取消上传队列</a> <br>  <br>  

  </body>
</html>

对于官网发布的这个uploadify.swf在上传测试时发现,清空队列,和删除上传的文件只能在上传前有效,

在上传完成后在点击清空上传队列或者删除已上传的队列,则会报错,这还是需要改进的地方;不知道其他人有没有这个问题

 

分享到:
评论

相关推荐

    struts1 uploadify 多文件上传

    在这个场景中,我们将讨论如何在Struts1框架中集成Uploadify实现多文件上传功能。 首先,我们需要在项目中引入Uploadify的相关资源。这包括JavaScript文件(如uploadify.js)和CSS文件,通常放在项目的公共资源目录...

    Struts2实现Uploadify多文件上传

    在Struts2框架下实现Uploadify多文件上传,我们需要考虑以下几个关键知识点: 1. **Struts2 Action配置**: 在Struts2中,你需要创建一个Action类来处理文件上传请求。这个Action类需要继承`org.apache.struts2....

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

    struts2 +jquey uploadify3 2 实现多文件上传 可以运行的myeclipse工程 绝对好用 访问方式http: 127 0 0 1:8080 Struts2Uploadify upload jsp uploadify 使用说明: &lt;a href &quot;javascript:$ &quot;#file ...

    struts2+uploadify(2.1.4)的文件上传

    2. **Uploadify基本原理**:Uploadify使用Flash技术实现异步文件上传,允许用户在不刷新页面的情况下上传多个文件。它通过JavaScript与服务器进行通信,使用XMLHttpRequest对象(或jQuery的$.ajax方法)实现AJAX请求...

    Struts2uploadify3.1

    Struts2作为Java EE领域中的MVC框架,常用于构建企业级应用,而Uploadify则为Struts2提供了更便捷的文件上传解决方案。 在Struts2中,处理文件上传通常涉及到`org.apache.struts2.interceptor....

    Struts2+uploadify上传文件

    Struts2和Uploadify是两种在Web开发中用于文件上传的技术。Struts2是一个基于MVC(模型-视图-控制器)设计模式的Java Web框架,它提供了强大的表单处理和动作调度功能。Uploadify则是一个JavaScript库,利用Flash...

    struts2_uploadify带进度条的多文件上传下载

    总之,这个项目实例为使用Struts2和Uploadify实现带进度条的多文件上传及下载功能提供了一个基础模板,对于学习和实践此类功能的开发者来说是一个有价值的参考。通过深入研究和理解这个项目的代码,可以提升对Struts...

    Uploadify结合Struts2上传demo

    本教程将围绕"Uploadify结合Struts2上传demo"这一主题,详细介绍如何在Struts2框架下集成Uploadify实现文件上传功能。 首先,我们需要在项目中引入Uploadify的相关资源。这通常包括JavaScript库(uploadify.js)和...

    uploadify+struts2多文件上传

    代码使用Struts2框架和uploadify插架实现多文件上传功能。

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

    这是根据uploadify3 2结合struts2搭建的文件上传环境 可以直接导入eclipse运行 每步实现基本都加了注释 以下是我碰到的问题: 1 判断session是否失效 本实例没测试这个问题 但在工作项目中碰到了 但原因在这里...

    JQuery_uploadify_struts2_jsp__ajax多文件上传

    标题中的"JQuery_uploadify_struts2_jsp__ajax多文件上传"涉及到的是一个使用jQuery、uploadify插件、Struts2和JSP技术实现的AJAX多文件上传功能。这个功能允许用户在不刷新页面的情况下,上传多个文件到服务器。 ...

    Uploadify Struts2 上传实现

    【标签】"Uploadify java 文件上传 Struts 多文件"进一步强调了这个话题的核心技术点:Uploadify用于前端多文件上传,Java是后端语言,Struts2是处理HTTP请求的框架,多文件上传意味着Uploadify支持同时上传多个文件...

    struts2 uploadify 上传图片

    Uploadify是一款基于JavaScript和Flash的文件上传插件,它提供了用户友好的界面和异步文件上传功能,使得在Web应用中实现多文件上传变得更加简单。 在Struts2中集成Uploadify,可以创建一个强大的图片上传系统,...

    基于struts2+spring+mybatis+uploadify的多文件上传

    【标题】"基于Struts2+Spring+MyBatis+Uploadify的多文件上传"是一个典型的Java Web项目,它利用了这些技术栈来实现高效、交互友好的文件上传功能。Struts2作为MVC框架,负责处理用户请求并协调整个应用的流程;...

    struts2 +jquey uploadify3.2 实现多文件上传,可预览、删除、排序

    在"struts2 +jquey uploadify3.2 实现多文件上传,可预览、删除、排序"这个项目中,开发者使用了Uploadify 3.2版本,这是一个支持异步上传和批量上传的插件,能够很好地与Struts2框架整合。以下是实现这一功能的关键...

    Struts2 结合uploadify 注解方式上传文件 带进度条显示

    这包括Struts2的核心库、文件上传插件(struts2-upload-plugin),以及Uploadify的JavaScript和CSS文件。`js`目录下的文件包含了Uploadify的JavaScript脚本和配置,`css`目录下的文件则用于样式美化。 1. **配置...

    java使用uploadify插件实现多文件上传完整demo

    Uploadify是一款流行的JavaScript插件,它使得在前端实现文件上传变得更加便捷,并且支持多文件选择、进度显示、取消上传等特性。本教程将详细介绍如何在Java环境中利用Uploadify插件实现这些功能。 1. **Uploadify...

    uploadify+struts2多文件上传实例

    `uploadify`与`Struts2`结合的多文件上传实例就是一个典型的解决方案,尤其针对跨浏览器兼容性问题,如在Firefox下的session问题。下面我们将深入探讨这两个技术以及它们如何协同工作。 `Uploadify`是一个基于...

    uploadify struts2实现图片上传

    总之,uploadify与Struts2的集成提供了便捷的前端文件上传体验,结合Struts2的强大后端处理能力,能够实现高效且稳定的图片上传功能。在实际开发中,还需要考虑诸如错误处理、权限控制、文件大小限制等更多细节,以...

    struts2结合uploadify上传进度条

    在Struts2中集成Uploadify3.2.1可以让用户实现文件上传功能,并且带有进度条显示,增强了用户体验。Uploadify是一个JavaScript库,它利用Flash技术实现异步文件上传,并提供了自定义的进度条显示。 要实现"struts2...

Global site tag (gtag.js) - Google Analytics