ExtJS 中文件上传控件

Ext.onReady(function(){
var fileUpload = new Ext.FormPanel({
id:'fileUpload',
frame:true,
fileUpload:true,
items:[{
xtype:'textfield',
labelStyle : 'text-align:right;',
allowBlank:false,
fieldLabel:'选择文件',
inputType:'file',
name:'fileName',
width:200
}
],
buttonAlign:'center',
buttons:[{
text:'上传',
handler:function(){
if(fileUpload.form.isValid()){
fileUpload.form.submit({
method:'post',
url:'DefaultUrl',//根据自己系统的需要调用程序处理上传文件
waitMsg:'文件上传中...',
success: function() {
Ext.Msg.alert("系统提示", "文件上传成功！");
},
failure: function() {
Ext.Msg.alert("系统提示", "文件上传失败！");
}
});
}else{
Ext.Msg.alert("系统提示","请选择文件后再上传！");
}
}
},{
text:'取消',
handler:function(){
winFielUpload.hide();
}
}
]
});
var winFielUpload=new Ext.Window({
id:'win',
title:'文件上传',
//****renderTo:'divWindow',//对于window不要使用renderTo属性，只需要调用show方法就可以显示，添加此属性会难以控制其位置
width:350,
closeAction:'hide',//close缺省的动作是从DOM树中移除window并彻底加以销毁, hide隐藏
height:105,
layout:'fit',
autoDestory:true,
modal:true,
closeAction:'hide',
items:[
fileUpload
]
}).show();
});