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/

 

评论

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  

楼主你好，这个组件在谷歌或者火狐浏览器下不能使用！