Extjs上传文件

ExtJS文件上传实践

最新推荐文章于 2025-09-10 16:52:04 发布

最新推荐文章于 2025-09-10 16:52:04 发布 · 174 阅读

文章标签：

#EXT #Ajax #Firefox #浏览器

ExtJs 专栏收录该内容

7 篇文章

订阅专栏

Extjs有许多extension用于file上传。这里只说下最基本不使用任何extension。


//form构成
var form=new Ext.form.FormPanel({
		frame:true,
                fileUpload:true;
		items:[
			{
				xtype:"textfield",
				fieldLabel:'礼品图片''
				[size=large]inputType:"file",[/size]
				allowBlank:false,
				blankText:'所需积分是必填项',
				id:'fldGiftGif'
			},

		]
	});
//异步form提交
form.getForm().submit({
		url:url,
		success:funtcion(){}
});

Ext实质上是用隐藏的《iframe》模拟了一个ajax文件上传的过程。xmlHttpRequest除了Firefox外，其他浏览器都不支持文件上传。
注意：
1、Extjs Api Ext.form.BasicForm中Config options fileupload的说明
2、在formPanel的ConfigOptions中将fileUpload设置为true。Although they are not listed, Ext.form.FormPanel also accepts all the config options required to configure its internal Ext.form.BasicForm