`
zcb11051
  • 浏览: 8940 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

jquery.uploadify 上传进度条

阅读更多
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<link rel="stylesheet" type="text/css" href="css/uploadify.css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/jquery.uploadify.js"></script>
	<script type="text/javascript"> 
	$(document).ready(function() {
		$('#up').fileUpload ({
			//以下参数均是可选
			'uploader'  : 'flash/uploader.swf',   //指定上传控件的主体文件,默认‘uploader.swf’
			'script'    : 'uploadify.action',       //指定服务器端上传处理文件,默认‘upload.php’
			'cancelImg' : 'image/cancel.png',   //指定取消上传的图片,默认‘cancel.png’
			'fileDataName':'up',   
			'auto'      : false,               //选定文件后是否自动上传,默认false
			'folder'    : '/file',         //要上传到的服务器路径,默认‘/’
			'muti'     : true,               //是否允许同时上传多文件,默认false
			'queueSizeLimit' : 2, //队列中同时存在的文件个数限制  
			//'fileDesc' : 'rar文件或zip文件',  //出现在上传对话框中的文件类型描述
			//'fileExt'   : '*.rar;*.zip',      //控制可上传文件的扩展名,启用本项时需同时声明fileDesc
			'sizeLimit': 99999999999,           //控制上传文件的大小,单位byte
			'multi': true,//是否支持多文件上传
			'buttonText': 'Browse Files',//按钮上的文字
			'simUploadLimit' :5         //多文件上传时,同时上传文件数目限制
		});
	});
</script>

  </head>
  
  <body>
       <input type="file" id="up" name="up" /><a href="javascript:$('#up').fileUploadStart()">上传</a>
       | <a href="javascript:$('#up').fileUploadClearQueue();">清除队列</a>  
  </body>
</html>

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 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 up;

	private String upFileName; 


	
	public File getUp() {
		return up;
	}



	public void setUp(File up) {
		this.up = up;
	}



	public String getUpFileName() {
		return upFileName;
	}



	public void setUpFileName(String upFileName) {
		this.upFileName = upFileName;
	}



	public String execute()
	{
	    LOG.debug("fileName"+upFileName);
		String newFileName = upFileName;//new Date().getTime() + getExtention(fileName);
		File imageFile = new File(ServletActionContext.getServletContext()
				.getRealPath("/file")
				+ "/" + newFileName);

		upload(up, 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();
		}
	}

	


	
	

}

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
    "http://struts.apache.org/dtds/struts-2.0.dtd">
<struts>
	<package name="struts2"  extends="struts-default">
				<action name="uploadify" class="upload">
			<result name="success">
				/upload.jsp
			</result>
		</action>
	</package>
	<constant name= "struts.multipart.maxSize" value="99999999999" />
</struts>

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-2.0.xsd">

	<bean id="dataSource"
		class="org.springframework.jdbc.datasource.DriverManagerDataSource">
		<property name="driverClassName">
			<value>com.mysql.jdbc.Driver</value>
		</property>
		<property name="url">
			<value>jdbc:mysql://localhost:3306/nydot</value>
		</property>
		<property name="username">
			<value>root</value>
		</property>
		<property name="password">
			<value>123</value>
		</property>
	</bean>

	<bean id="sessionFactory"
		class="org.springframework.orm.hibernate3.LocalSessionFactoryBean">
		<property name="dataSource" ref="dataSource"></property>
		<property name="hibernateProperties">
			<props>
				<prop key="hibernate.dialect">
					org.hibernate.dialect.MySQLDialect
				</prop>
				<prop key="hibernate.show_sql">true</prop>
				<prop key="connection.useUnicode">true</prop>
				<prop key="connection.characterEncoding">UTF-8</prop>
				<prop key="hibernate.jdbc.batch_size">30</prop>
			</props>
		</property>
		<property name="mappingResources">
			<list>
				<value>com/zcb/model/User.hbm.xml</value>
			</list>
		</property>
	</bean>

	<bean id="genericDao" class="com.zcb.dao.impl.UserDaoImpl">
		<property name="sessionFactory">
			<ref local="sessionFactory" />
		</property>
	</bean>
	
	<bean id="userDao" class="com.zcb.dao.impl.UserDaoImpl">
		<property name="sessionFactory">
			<ref local="sessionFactory"/>
		</property>
	</bean>
	
	<bean id="findAll" class="com.zcb.action.UserAction" scope="prototype">
		<property name="userDao" ref="userDao"></property>
	</bean>
	
	<bean id="upload" class="com.zcb.action.UploadAction" scope="prototype">
	</bean>
	

</beans>
分享到:
评论
1 楼 bianhaihai 2012-03-23  

    [*]
[img][/img][url][/url]

相关推荐

    jquery.uploadify-v2.1.0.rar

    《jQuery.uploadify:一款强大的图片上传插件》 在网页开发中,图片上传功能是必不可少的一部分,尤其是在社交媒体、电子商务和内容管理系统等领域。jQuery.uploadify是一款非常实用的jQuery插件,专为实现用户友好...

    ASP.NET jquery.uploadify文件上传控件测试项目(已解决中文乱码)

    jQuery.uploadify提供了一种用户友好的界面,允许用户批量上传文件,并在上传过程中提供进度条反馈。这个测试项目已经解决了中文乱码问题,这意味着它能够正确处理含有中文字符的文件名,这对于中文环境下的应用来说...

    上传控件jquery.uploadify-v2.1.4的示例源码

    2. **进度条显示**:在上传过程中,uploadify会显示每个文件的上传进度,给用户反馈,增加用户体验。 3. **自定义设置**:你可以自定义上传按钮的样式、尺寸、位置,甚至可以设置不同的文件类型过滤规则,比如只允许...

    jquery.uploadify.js修复IE9 IE10浏览按钮点击无效的bug

    jQuery Uploadify.js 是一个非常流行的JavaScript插件,它为网站提供了优雅的多文件上传解决方案。这个插件使得文件上传变得更加简单,用户可以方便地选择并上传多个文件,同时提供进度条显示等交互效果。 然而,...

    Asp.net 上传 Jquery.Uploadify 实例

    Uploadify是一个基于JavaScript和Flash的插件,通过Ajax方式实现文件的异步上传,提供进度条显示、文件类型过滤、上传错误提示等特性。在Asp.net项目中,我们需要将Jquery和Uploadify的相关库引入到页面头部,这通常...

    jquery文件上传插件 jquery.uploadify.js 不支持IE10现在经过修改

    在IT行业中,jQuery Uploadify.js是一款非常流行的前端文件上传插件,它允许用户通过异步方式上传文件到服务器,提供了一种友好的用户体验。然而,随着浏览器版本的更新,一些较旧的插件可能不再兼容新的浏览器,...

    jquery.uploadify-v2.1.4上传文件完整例子

    其次,jQuery.uploadify提供了丰富的自定义选项,开发者可以根据项目需求调整上传界面的样式,如上传按钮的外观、进度条的设计等。此外,还可以设置上传文件的类型、大小限制,以及上传前后的回调函数,这样在文件...

    jquery.uploadify实例Demo

    jQuery.uploadify是一款功能强大的文件上传插件,它使得在网页上实现多文件、异步上传变得简单易行。本实例Demo基于jQuery.uploadify 3.2.1版本,是该插件的最新稳定版,经过测试,在Internet Explorer、Firefox以及...

    分享校jquery.uploadify-v2.1.0上传插件用法

    - **uploadify.css**:插件的样式文件,定义了上传按钮、进度条等元素的样式。 - **jquery-1.3.2.min.js**:jQuery库,Uploadify依赖于jQuery运行。 - **jquery.uploadify.v2.1.0.js**:Uploadify的主要脚本文件...

    jquery.uploadify-v2.1.4

    `jQuery Uploadify` 是一个功能强大的JavaScript插件,它使得在网页上实现文件上传变得简单易行。这个插件是基于jQuery库构建的,因此如果你已经熟悉jQuery,那么使用Uploadify将非常直观。本篇文章将深入探讨...

    jquery.uploadify用法.doc

    jQuery Uploadify 是一款强大的文件上传插件,它基于Flash技术实现,并且能够与jQuery无缝集成。该插件提供了丰富的自定义选项和事件,支持文件预览、多文件上传、上传进度条等功能,极大地提升了用户的交互体验。...

    jquery.uploadify(v1.6.2修改版).rar

    jQuery Uploadify是一款基于jQuery的文件上传插件,它通过Flash技术实现异步文件上传,允许用户在上传过程中看到实时的进度条,提升了上传体验。在本实例中,"jquery.uploadify(v1.6.2修改版).rar"包含了必要的资源...

    swfupload上传并转码视频和jquery.uploadify的aspnet例子

    本文将详细讲解如何实现基于SWFUpload和jQuery.uploadify的视频上传及转码功能,这对于ASP.NET开发者来说是非常实用的知识点。 首先,SWFUpload是一个JavaScript库,它允许在不离开页面的情况下进行文件上传。这个...

    jquery.uploadify

    jQuery.uploadify是一款强大的文件上传插件,它基于jQuery库,能够实现多文件同时上传、进度条显示、自定义上传按钮等功能,极大地提升了用户在网页上进行文件上传的体验。在本文中,我们将深入探讨jQuery.uploadify...

    Asp使用JQuery.Uploadify上传范例,测试可用,除了主流的浏览器外还可以兼容IE8以上浏览器

    【ASP使用JQuery.Uploadify实现文件上传详解】 在Web开发中,文件上传功能是不可或缺的一部分。JQuery.Uploadify是一款基于jQuery的文件上传插件,它提供了丰富的自定义选项和友好的用户界面,使得文件上传变得简单...

    C#应用 jquery.uploadify 文件上传

    总结起来,"C#应用 jquery.uploadify 文件上传"是通过结合C#后端处理逻辑和jQuery.uploadify前端插件,实现了大文件、多文件的异步上传功能,提供进度条显示和友好的用户体验。这种技术组合在实际项目中广泛应用,...

    修正版上传组件-jquery.uploadify.rar_html

    《修正版上传组件-jquery.uploadify.rar_html》是一款专为HTML页面设计的上传插件,主要解决了在Internet Explorer浏览器下jQuery找不到对象的问题。这个插件是基于jQuery库开发的,旨在提供一个简单、高效的文件...

    struts2+jquery.uploadify实现上传下载

    3. **jQuery.uploadify**:uploadify是一个基于jQuery的文件上传组件,它通过异步方式实现文件的批量上传。使用uploadify时,我们需要在HTML中添加一个`&lt;input type="file"&gt;`元素,并为其绑定uploadify插件。通过...

    附件上传控件,基于jquery.uploadify

    【jQuery.uploadify】是一款在前端开发中常用的文件上传插件,它基于JavaScript库jQuery构建,提供了高度自定义的异步文件上传功能。本控件旨在简化文件上传的复杂性,让开发者可以快速集成到自己的项目中,提升用户...

    Jquery Uploadify上传带进度条

    jQuery Uploadify是一款基于jQuery的文件上传插件,它提供了用户友好的界面,支持批量上传以及实时的文件上传进度显示。尤其在处理大文件上传时,Uploadify能有效提高用户体验,因为它允许分块上传,并且在上传过程...

Global site tag (gtag.js) - Google Analytics