`
xizhenyin
  • 浏览: 53029 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

struts2 + jquery.uploadify文件上传显示进度条

    博客分类:
  • J2EE
阅读更多

 

package com.app.xizhenyin.webapp.action;

import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.InputStream;
import java.io.OutputStream;
import java.util.Date;

import org.apache.struts2.ServletActionContext;

import com.opensymphony.xwork2.ActionSupport;

public class UploadAction extends ActionSupport {

	/**
	 * 
	 */
	private static final long serialVersionUID = 2854105381965508552L;

	private static final int BUFFER_SIZE = 20 * 1024; // 20K

	private File myFile;

	private String fileName; //
	private String contentType;

	public File getMyFile() {
		return myFile;
	}

	public void setMyFile(File myFile) {
		this.myFile = myFile;
	}

	public String getFileName() {
		return fileName;
	}



	public void setMyFileFileName(String fileName) {
		this.fileName = fileName;
	}

	public String getContentType() {
		return contentType;
	}

	public void setMyFileContentType(String contentType) {
		this.contentType = contentType;
	}

	
	public String execute()
	{
	    LOG.debug("fileName"+fileName);
		String newFileName = fileName;//new Date().getTime() + getExtention(fileName);

		File imageFile = new File(ServletActionContext.getServletContext()
				.getRealPath("/upload")
				+ "/" + newFileName);

		upload(myFile, imageFile);

		return SUCCESS;
	}
	
	
	
	private static void upload(File src, File dst) {
		try {
			InputStream in = null;
			OutputStream out = null;
			try {
				in = new BufferedInputStream(new FileInputStream(src),
						BUFFER_SIZE);
				out = new BufferedOutputStream(new FileOutputStream(dst),
						BUFFER_SIZE);
				byte[] buffer = new byte[BUFFER_SIZE];
				while (in.read(buffer) > 0)
				{
					out.write(buffer);
				}
			} 
			finally
			{
				if (null != in)
				{
					in.close();
				}
				if (null != out)
				{
					out.close();
				}
			}
		}
		catch (Exception e) 
		{
			e.printStackTrace();
		}
	}

	


	
	

}

以上为struts2 action。

 

 

下面为struts2配置文件。。 

 

<action name="upload"  class="com.app.xizhenyin.webapp.action.UploadAction">  
            <result name="success" >/WEB-INF/pages/upload.jsp</result>  
        </action> 
        <!-- Add additional actions here -->
    </package>

 

页面:

 

 

<%@ page language="java"  pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <link href="jquery.uploadify/default.css"  rel="stylesheet" type="text/css"/>
	<link href="jquery.uploadify/uploadify.css"  rel="stylesheet" type="text/css"/>
	
	<script type="text/javascript" src="jquery.uploadify/jquery-1.3.2.min.js" ></script>
	<script type="text/javascript" src="jquery.uploadify/swfobject.js" ></script>
	<script type="text/javascript" src="jquery.uploadify/jquery.uploadify.v2.0.3.min.js" ></script>
	<script type="text/javascript"><!--
	
		$(document).ready(function(){
			$("#uploadTest").uploadify({
				'uploader'       : 'jquery.uploadify/uploadify.swf',
				'script'         : 'upload.action',
				'cancelImg'      : 'jquery.uploadify/cancel.png',
				'fileDataName'   : 'myFile',
				'queueID'        : 'fileQueue',
				'auto'           : false,
				'multi'          : true,
				'button Text'    : " 浏 览 ",
				'simUploadLimit' : 20,
				'sizeLimit'      : 999999999999,
				'queueSizeLimit' : 20,
				'fileDesc'       : '支持格式:jpg,gif,png,bmp',
				'fileExt'         : '*.jpg;*.gif,*.jpeg,*.png,*.bmp'
			});
		});
// --></script>
   
  </head>
  
  <body>
  
  <div id="fileQueue"></div>
  			<input type="file"  name="myFile" id="uploadTest" >
  			<a href="javascript:$('#uploadTest').uploadifyUpload()" >上传</a>
			
  </body>
</html>

 

页面显示: 


 

选个jpg图片后如下


上传后 却错误,有待研究。。。。


  • 大小: 5.2 KB
  • 大小: 4.2 KB
  • 大小: 4.9 KB
分享到:
评论
5 楼 meefinder 2011-12-22  
在IE9中能够上传文件成功 可惜没有进度条 在chrome和FF中不支持 希望有兼容各浏览器的版本
4 楼 Jackie_GP 2011-08-19  
下载下来是php的!!!
3 楼 Jackie_GP 2011-08-19  
能用吗?下载下来试试
2 楼 luyao123127 2011-07-26  
为什么,我的文件也能上传,但是进度条有时候没有反应,有时候不能达到100%,并且文件列表中显示的文件大小要比实际文件的大小要大一点呢?
1 楼 poincare 2010-08-05  
俺现在也被这个东东困扰着,快疯了,自己做了一个测试,没有任何问题,
放到项目里面,就出问题,在ff下不进Action,在ie下,进去一次,刷新页面后,点击上传也没有任何反映了,不知道大哥也没有好的建议,可以指导一下

相关推荐

    struts2+jquery.uploadify实现上传下载

    通过以上知识点的整合,我们可以构建一个完整的文件上传下载系统,利用Struts2的强大功能和jQuery.uploadify的易用性,提供用户友好的界面和稳定可靠的后端处理。在实际项目中,还需要根据具体需求进行调整和优化,...

    struts2+jquery.uploadify

    在本篇文章中,我们将深入探讨如何结合Struts2和jQuery的uploadify插件来实现文件上传功能,这在现代Web应用程序中是非常常见的需求。 首先,Struts2是一个基于MVC(Model-View-Controller)架构的开源Java框架,它...

    Struts2结合Jquery.uploadify上传插件的应用

    以上就是Struts2结合jQuery.uploadify实现文件上传的基本流程。实际应用中,可能还需要考虑其他因素,如安全性(防止文件覆盖、XSS攻击等)、性能优化(批量上传、分片上传等)等。通过熟练掌握这些知识点,可以构建...

    jquery_uploadify实现的下载进度条

    通过以上步骤,你就能在Struts2环境中利用jQuery Uploadify实现一个功能完善的文件上传组件,其中包括下载进度条的功能。这个过程不仅提升了用户体验,也展示了现代Web开发中动态交互设计的魅力。

    struts2 jquery.uploadify

    Struts2 jQuery Uploadify是一个整合了Struts2框架与jQuery Uploadify插件的示例项目,主要用于实现文件上传的功能。这个简单的demo展示了如何在Struts2应用中集成jQuery Uploadify,以便提供用户友好的、多文件异步...

    jquery.uploadify+Struts2整合配置

    Uploadify是基于jQuery的一个插件,它允许用户通过异步方式上传文件,提供了丰富的自定义选项和用户体验优化功能,如进度条显示、多文件上传、预览等。 Struts2是一个强大的Java Web框架,基于MVC(Model-View-...

    jquery+uploadify + struts2 + jsp 图片批量上传Demo

    Uploadify是一款基于jQuery的插件,它提供了文件上传的高级功能,包括多文件选择、进度条显示、错误处理等。在我们的Demo中,Uploadify将负责在用户选择图片后,通过异步方式将这些文件上传到服务器。Uploadify支持...

    jquery.uploadify3.2在struts2中使用的完整工程

    这个完整的工程提供了一个很好的示例,展示了如何在实际项目中集成jQuery Uploadify 3.2和Struts2,实现高效的文件上传功能。通过学习和理解这个工程,开发者可以更好地运用这些技术来优化自己的Web应用程序。

    Struts2+uploadify上传文件

    2. **进度条显示**:在上传过程中,可以显示每个文件的上传进度,提升用户体验。 3. **错误处理**:可以自定义错误提示,比如文件大小超过限制、文件类型不允许等。 4. **自定义样式**:Uploadify提供了丰富的CSS...

    struts2 + jquery uploadfiy

    Struts2和jQuery Uploadify是两个在Web开发中常见的组件,它们主要用于实现用户界面的文件上传功能。在本文中,我们将深入探讨这两个组件的工作原理、如何集成以及它们在实际项目中的应用。 首先,Struts2是一款...

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

    Struts2 Uploadify是一个在Java Web开发中常用的插件,它结合了Struts2框架和Uploadify jQuery插件,能够实现文件的多选、上传进度显示以及后台处理等功能。这个项目示例提供了一个完整的解决方案,使得用户在上传多...

    struts2+uploadify(2.1.4)的文件上传

    1. **Struts2文件上传基础**:Struts2支持文件上传,通过使用`&lt;s:file&gt;`标签,我们可以创建一个文件输入字段。然后,需要在Action类中定义一个对应的File类型属性,用于接收上传的文件。此外,还需要配置Struts2的...

    struts2+easyui+uploadfye文件上传

    解压后,开发者可以通过阅读这些文件来理解整个上传流程,包括前端如何触发上传、Uploadify如何与后台交互、以及Struts2如何处理上传请求并保存文件。 总之,“struts2+easyui+uploadfye文件上传”项目是一个结合了...

    jquery+uploadify3.2带进度条的多文件

    jquery+uploadify3.2实现多文件上传并且有进度(IE,FF,Google浏览器兼容),本人已经通过IE,火狐,google浏览器测试通过了。将项目直接导入myeclipse下就可以直接运行!(IE,FF,Google浏览器兼容) 附件大小...

    struts2+uploadify小李子

    Struts2和Uploadify是两种在Web开发中用于处理文件上传功能的技术。Struts2是一个基于MVC(Model-View-Controller)设计模式的Java Web框架,它提供了一种结构化的方式来组织和控制应用程序的流程。Uploadify则是一...

    Uploadify + Struts2 实现文件上传详解

    Uploadify是一款基于jQuery的文件上传插件,它提供了良好的用户体验,支持多文件上传、进度条显示等功能。而Struts2作为Java Web应用的MVC框架,常用于处理表单提交和服务器端的数据处理。本文将详细介绍如何结合...

    struts2结合uploadify上传进度条

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

    uploadify+struts2+json前台动态向后台传数据

    1. **Uploadify**:Uploadify是一款基于jQuery的文件上传插件,它提供了直观、用户友好的界面,支持多文件选择、进度条显示和自定义样式等特性。在本示例中,Uploadify用于处理用户选择的文件,将其转化为可以发送到...

    jQuery uploadify上传文件(JAVA版+Struts2即时预览效果)

    首先,jQuery uploadify是一款优秀的前端文件上传插件,它允许用户通过Ajax方式异步上传文件,提供了友好的用户体验,如进度条显示、多文件上传等。然而,官方提供的示例主要是基于PHP的,对于Java开发者来说,寻找...

Global site tag (gtag.js) - Google Analytics