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

uploadify3.2进度条上传文件

 
阅读更多
<link href="${ctx}/resources/js/upload/uploadify.css"    rel="stylesheet" type="text/css" />  
<script type="text/javascript" src="${ctx}/resources/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="${ctx}/resources/js/upload/jquery.uploadify.min.js"></script>  

引入文件
<script>
$(function(){

		$("#uploadify").uploadify(
				{
					'swf' : ctx + '/resources/js/upload/uploadify.swf',
					'uploader' : ctx+'/ajaxUplold.html', // 上传到后台的处理类  
					'cancelImg' : ctx+'/resources/js/uploadify-cancel.png', // 取消按钮的图片  
					'fileObjName' : 'file', // 传到后台的对象名  
					'queueID' : 'fileQueue',
					'fileSizeLimit' : '8589934592', // 限制文件上传的大小  
					'buttonText' : '上传附件', // 按钮上的文字  
					'auto' : true, // 是否自动上传  
					'multi' : true, // 是否支持多文件上传  
					'removeComplete' : false,

					'onQueueComplete' : function(queueData) {
						alert("上传完毕!");
					}
				});

	});
</script>

<div align="center" style="margin-left: 100px;">
<div id="fileQueue"></div>  
<input type="file" name="uploadify" id="uploadify"/>  
</div>


搞定。。
分享到:
评论

相关推荐

    asp.net批量上传for uploadify3.2(附uploadify3.2参数详解)

    Uploadify3.2是一款流行的JavaScript插件,它与ASP.NET结合使用,能够实现优雅且高效的文件上传体验。在这个项目中,我们看到Uploadify3.2被优化以适应ASP.NET环境,实现了批量上传的功能。 Uploadify3.2参数详解:...

    uploadify3.2文件上传demo

    【uploadify3.2文件上传demo】是一个基于Web的文件上传解决方案,主要使用了Uploadify插件,这个插件能够实现非阻塞式的文件上传,为用户提供了良好的交互体验。在该示例中,Uploadify3.2版本被应用于一个项目环境中...

    Uploadify3.2Demo

    此外,Uploadify3.2还提供了进度条显示,让用户能够实时了解每个文件上传的状态。这不仅可以增加用户的耐心,也可以帮助他们更好地管理上传过程,例如在上传过程中暂停、取消或重新上传文件。同时,插件允许自定义...

    uploadify 3.2

    Uploadify 3.2 是一个流行且功能丰富的JavaScript和Flash插件,用于在网页上实现文件上传功能。这个版本提供了一种用户友好的界面,使访客能够方便地批量上传文件到服务器,大大提升了网站的交互性和用户体验。下面...

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

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

    无刷新上传插件uploadify3.2

    1. **实时进度显示**:Uploadify3.2提供文件上传进度条,用户可以清楚地看到文件上传的进度,增强了上传过程的可预测性和透明度。 2. **多文件选择**:用户可以一次性选择多个文件进行上传,提高了上传效率,尤其是...

    uploadify3.2实现文件上传

    Uploadify提供了丰富的配置选项,你可以根据需求调整各种参数,比如限制上传文件的大小和类型,设置上传进度条的样式,甚至自定义上传成功或失败的回调函数。例如,限制文件大小: ```javascript 'queueSizeLimit':...

    uploadify3.2Demo.rar

    《uploadify3.2Demo.rar》为开发者提供了完整的Uploadify 3.2实例,通过学习和实践,你可以掌握这个强大文件上传插件的使用,提升网站的用户体验。无论是在企业级应用还是个人项目中,Uploadify都能成为你处理文件...

    springside4使用Jquery uploadify3.2上传文件

    Uploadify3.2是一款强大的前端文件上传工具,支持多文件选择、预览、进度条显示等功能,同时具备异步上传能力,大大提升了用户体验。其工作原理是通过HTML5的File API获取用户选择的文件,然后通过AJAX方式将文件...

    【Asp.net上传】jQuery.Uploadify 3.2版本的一个实例

    在本文中,我们将深入探讨如何在ASP.NET环境中利用jQuery Uploadify 3.2插件实现文件上传功能。jQuery Uploadify是一款流行的JavaScript库,它提供了一种直观、用户友好的方式来处理多文件上传,适用于各种Web应用...

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

    jQuery Uploadify 3.2是一个流行的前端文件上传插件,它允许用户通过Ajax技术实现异步、多文件上传功能,大大提升了用户界面的交互性和用户体验。这个完整的工程是将Uploadify与Struts2框架结合,以Java后端作为处理...

    struts2结合uploadify上传进度条

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

    Uploadify3.2

    Uploadify是一款广泛应用于Web开发中的前端文件上传...通过以上介绍,我们可以看到Uploadify3.2作为一个强大的文件上传插件,能够有效地解决Web应用中的文件上传问题,为开发者提供了丰富的定制选项和良好的用户体验。

    uploadify_v3.2

    2. **进度条显示**:在上传过程中,Uploadify会显示每个文件的上传进度,让用户了解上传状态。 3. **自定义样式**:开发者可以通过CSS来定制上传按钮和界面,使其更好地融入网站设计。 4. **事件回调**:Uploadify...

    uploadify3.2.1

    总的来说,Uploadify3.2.1是一个强大且灵活的文件上传工具,它通过提供进度条和丰富的定制选项,提升了网页上传体验。无论你是前端开发者还是网站管理员,这个组件都能帮助你轻松地实现出色的文件上传功能。在压缩包...

    uploadify3.2.1版本(当前最新)

    3. **进度指标**:Uploadify 提供了实时的上传进度条,用户可以清晰地看到每个文件的上传状态,包括已上传的百分比和预计剩余时间。这种视觉反馈提升了用户体验,让用户在等待过程中有所感知。 4. **自定义上传限制...

    jsp uploadify_v3.2 代码

    `jsp uploadify_v3.2` 是一个基于Java Servlet和JavaScript的文件上传解决方案,它允许用户在网页上实现多文件的快速、便捷上传。在这个版本中,`uploadify`库结合了JSP(JavaServer Pages)技术,为Web开发者提供了...

    多文件、超大文件上传(带进度条)

    通过以上步骤,我们就成功地实现了在Struts2中使用Uploadify3.2进行多文件、超大文件的上传,并带有进度条显示的功能。这不仅提升了用户体验,还解决了大文件上传可能导致的问题。记得在实际应用中,还要考虑文件...

    c#_uploadify文件上传源码

    Uploadify是一款基于Flash和JavaScript的前端文件上传插件,它提供了用户友好的界面,支持多文件选择、进度条显示以及断点续传等功能。在C#后端,我们可以处理接收到的文件,进行存储、验证或者处理其他业务逻辑。 ...

Global site tag (gtag.js) - Google Analytics