`
czpae86
  • 浏览: 721593 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Extjs3.3 + swfUpload2.2 实现多文件上传组件

阅读更多

【该上传组件已经停止更新,该上传组件已经在项目中使用。在使用过程中如果发现bug请大家回复此贴。2011-02-27】

主要是为了用swfUpload实现上传,为了新鲜好玩。

理解swfUpload可以上网查找,以下是在网上找到,个人觉得解释比较全面的文章:

http://blog.endlesscode.com/2010/03/26/swfupload%E6%B5%85%E6%9E%90/

 

请下载最新版的,最近修改了几个问题

 

经过研究,结合Extjs3.3做了以下组件:




 

 

 

本上传组件最新修改为v1.1,加入了状态和行删除。



 

 

最新版本为v1.2,修改了上传状态和进度不同步的bug


 

后台返回说明:


 

 

.add{
    background-image: url(images/add.gif) !important;
}
.up{
    background-image: url(images/up.gif) !important;
}

.delete{
    background-image: url(images/delete.gif) !important;
}
.delete2{
    background-image: url(images/delete2.gif) !important;
}

 

Ext.onReady(function(){
	Ext.QuickTips.init();
	new Ext.Window({
		width : 650,
		title : 'swfUpload demo',
		height : 300,
		layout : 'fit',
		items : [
			{
				xtype:'uploadPanel',
				border : false,
				fileSize : 1024*50,//限制文件大小
				uploadUrl : 'uploadFiles.action',
				flashUrl : 'swfupload.swf',
				filePostName : 'file', //后台接收参数
				fileTypes : '*.*',//可上传文件类型
				postParams : {savePath:'upload\\'} //上传文件存放目录
			}
		]
	}).show();
});

 

 

最新代码请下载附件!uploader_v1.2.rar

 

当然还有没有完善的地方,请大家自由发挥吧!

同时发表于Extjs官方网:http://www.sencha.com/forum/showthread.php?118058-UploadPanel(Extjs3.0-swfUpload)

 

转载请注明出处:http://czpae86.iteye.com/

 

  • 大小: 43.4 KB
  • 大小: 43.5 KB
  • 大小: 21.7 KB
  • 大小: 103 KB
  • 大小: 44.2 KB
  • 大小: 46.3 KB
  • 大小: 37.8 KB
  • 大小: 35.1 KB
分享到:
评论
124 楼 名字应该取长点 2017-10-21  
楼主可不可以问你几个问题呀,关于这个插件,貌似单线程,而且不分块,假如不限制大小,上传一个1G、2G的文件,客户端和服务端的建立连接,一直到这个文件传完,服务端一直维持这个连接,服务器开销也太大了,假如100来人左右同时上传大文件,服务器是不是就要宕机了?
123 楼 mayouth 2017-03-17  
不知道楼主能不能解决下浏览器兼容的问题,目前好像火狐和谷歌浏览器无法添加文件。
122 楼 baodingCC 2015-09-02  
小白求教,刚刚下载了这个组件,但是不知道怎么加到自己的项目里去,求大神帮助我,,公司很看重这个功能  ,感激不尽!
121 楼 小伟小伟 2014-09-11  
点击“添加文件” 没反映  没动静
120 楼 COH 2014-05-14  
Extjs+structs2一点击上传就是失败,好像并没有提交action处理,不知道什么问题,希望楼主解答一下。。。
119 楼 程如序员 2014-03-10  
楼主强大,谢谢诶了
118 楼 q786773109 2014-01-17  
我这边是一直是上传失败啊 但是在爱上传的目录里有文件 这个是怎么回事啊?
117 楼 wslzxql 2013-11-19  
我的ie10下文件得不到是怎么回事啊,每次上传文件都是0字节
116 楼 Bactryki 2013-10-14  
楼主强大啊!搜藏了!
115 楼 761237645 2013-07-24  
buneng yong
114 楼 CT248533895 2013-07-05  
请问有后台代码么?大哥
113 楼 jocxs 2013-06-14  
一直提示上传失败
112 楼 mengleimy 2013-05-29  
感谢楼主分享,对我启发很大。谢谢。
111 楼 locomotive 2013-04-11  
上传按钮在ie下没问题,但是在firefox下就不行,查看了代码{text:'添加文件',ref:'../addBtn',iconCls:'add',},在添加文件按钮下并没有选择打开文件的函数,请楼主帮忙看看。
110 楼 xuelian2010 2012-12-05  
    好东西啊,谢谢了
109 楼 czpae86 2012-10-31  
tk_it_2012 写道
东西不错,就是在我机器上实验不出来,点击添加按钮没反应,求解........

可能浏览器的flash版本问题吧,这个东西我已经不更新了。
108 楼 czpae86 2012-10-31  
loveTingTing 写道
楼主你好,这个组件在谷歌或者火狐浏览器下不能使用!

可能浏览器的flash版本问题吧,这个东西我已经不更新了。
107 楼 tk_it_2012 2012-10-31  
lz,能否给个解答...
106 楼 tk_it_2012 2012-10-31  
东西不错,就是在我机器上实验不出来,点击添加按钮没反应,求解........
105 楼 loveTingTing 2012-10-30  
楼主你好,这个组件在谷歌或者火狐浏览器下不能使用!

相关推荐

    Extjs3.3+swfUpload2.2实现多文件上传组件.pdf

    Extjs3.3+swfUpload2.2 实现多文件上传组件 Extjs3.3+swfUpload2.2 实现多文件上传组件是一种基于 Extjs3.3 和 swfUpload2.2 的文件上传解决方案。该组件可以实现多文件上传,具有良好的用户体验和可扩展性。 多...

    Extjs4.2+swfupload2.2+VS2012C# 上传组件工程

    Extjs新手 extjs4.2上传组件VS2012整个工程。仅仅只是上传功能 运行条件:extjs4.2 .net4 Vs2012 flash9(9版本以上,我的是16版本) IE11(网上说是IE8以上,IE6不支持)

    DWR2+EXTJS2.2+Hibernate3.3+Spring2+Acegi 综合管理系统

    DWR2+EXTJS2.2+Hibernate3.3+Spring2+Acegi 做的综合管理系统,数据库采用MYSQL,分层清晰,业务相对复杂,是学习框架不可多得的项目。这个是分卷,同时下载2.3.4部分

    DWR2+EXTJS2.2+Hibernate3.3+Spring2+Acegi 综合管理系统(第二部分)

    DWR2+EXTJS2.2+Hibernate3.3+Spring2+Acegi 做的综合管理系统,数据库采用MYSQL,分层清晰,业务相对复杂,是学习框架不可多得的项目。

    DWR2+EXTJS2.2+Hibernate3.3+Spring2+Acegi 综合管理系统(第四部分)

    DWR2+EXTJS2.2+Hibernate3.3+Spring2+Acegi 做的综合管理系统,数据库采用MYSQL,分层清晰,业务相对复杂,是学习框架不可多得的项目。

    DWR2+EXTJS2.2+Hibernate3.3+Spring2+Acegi 综合管理系统(第三部分)

    EXTJS2.2改进了布局管理器,增强了组件的可定制性,同时提供了更丰富的皮肤和主题,使得开发者能够构建功能强大且界面美观的Web应用。 【Hibernate3.3】 Hibernate是一个流行的Java对象关系映射(ORM)框架,允许...

    ExtJS+3.3+API+中文文档

    在ExtJS 3.3中,开发者可以利用其丰富的组件库来创建复杂的用户界面,这些组件包括数据网格、表格、树形视图、表单、面板、工具栏、菜单等。这些组件都经过优化,提供了丰富的功能和自定义选项,使得UI设计既高效又...

    ExtJs3.3中文API.CHM_extjs3.3中文文档_

    5. **图表组件**:ExtJS 3.3包含了丰富的图表组件,如柱状图、饼图、线图等,用于数据可视化。 6. **表单处理**:强大的表单组件和表单处理能力,支持各种输入类型,以及验证和提交功能。 7. **拖放功能**:内置的...

    extjs3.4+swfupload上传

    在IT行业中,Web开发经常会遇到文件上传的需求,而"extjs3.4+swfupload上传"就是一个典型的前端文件上传解决方案。EXT JS 3.4是一款强大的JavaScript框架,用于构建富客户端应用程序,提供了丰富的组件库和强大的...

    extjs+swfupload实现多文件上传下载删除带进度条

    `SwfUpload`则是一个Flash基的文件上传组件,它可以实现在后台无刷新的情况下进行文件上传,支持多文件选择和上传进度显示。由于其使用Flash技术,所以在早期的浏览器中,`SwfUpload`能够提供比HTML5更好的兼容性。 ...

    extjs3.x+swfupload.swf多文件上传终结版

    ExtJS 3.x 和 SWFUpload 是两种不同的技术,它们结合使用可以实现高效的多文件上传功能。这篇内容将深入解析这两个技术以及它们如何协同工作。 **ExtJS 3.x** ExtJS 是一个流行的JavaScript库,主要用于构建富...

    extjs3.3+php+mysql

    开源http://www.media-sky.com 账号admin 密码 wsladmin 系统管理代码,应用技术主要是extjs3.3 加 mysql 数据库,本下载提供数据库结构...系统包含批量上传图片,导入导出excel,发送邮件,发送短信,生成静态页面等。

    strut2+swfupload+extjs4文件上传

    本示例解决了strut2+swfupload+extjs4文件上传过程中,后台struts接收不到上传文件的问题。而这个问题如果用servlet做后台可能就不存在。开发者可以用本例源码移植到自己项目中使用 。

    ExtJs3.3 + Struts2,Hibernate3,Spring2.5

    本文将深入探讨如何利用ExtJs3.3,Struts2,Hibernate3和Spring2.5.6这四大组件,构建一个强大的数据管理应用。这个应用不仅能够实现数据的增删改查,还充分体现了各框架的优势,为开发者提供了丰富的交互体验和稳定...

    extjs3.2+struts2实现多文件上传excel并插入到数据库

    本项目“extjs3.2+struts2实现多文件上传excel并插入到数据库”是针对这一需求的具体解决方案,利用了ExtJS 3.2前端框架和Struts2后端框架进行开发。 **ExtJS 3.2** 是一个基于JavaScript的富客户端应用框架,提供...

    extjs 3.3正式版

    6. **国际化(i18n)**:EXTJS 3.3 提供了多语言支持,方便创建面向全球用户的Web应用。 7. **主题定制**:EXTJS 3.3 提供了多种预设主题,并允许开发者自定义CSS样式,轻松调整应用的视觉样式。 8. **性能优化**...

    extjs3.3 中文文档

    9. **国际化和本地化**:EXTJS支持多语言,3.3版本的中文文档正体现了这一点,它可以帮助开发者实现应用程序的本地化。 10. **API参考**:EXTJS 3.3的中文文档还包含了一个详细的API参考,列出了所有可用的类、方法...

    ExtJS+2.2实现及应用连载.rar

    通过阅读“ExtJS+2.2实现及应用连载”文档,你可以逐步了解各个组件的用法,学习如何配置和自定义组件,以及如何组织和优化代码。 此外,实际项目中可能需要结合后端技术,如PHP、Java或.NET,实现服务器端的数据...

    Extjs+Struts2实现异步文件上传

    网上有些这样的例子,但是下了几个都没有跑起来,哎,希望那些发文章的人要发就发全的,别发个半生不熟的。... 现在自己整理了一个Struts2+ExtJS2实现文异步文件上传,没法上传图片无法看到效果,直接上源码吧。

Global site tag (gtag.js) - Google Analytics