ExtJs中怎么上传文件

 
  Ext.onReady(function()...{ 
  
   var form = new Ext.form.FormPanel(...{ 
      renderTo:'file',
      labelAlign: 'right', 
      title: '文件上传', 
      labelWidth: 60, 
      frame:true,
      url: 服务器处理上传功能的url地址,//fileUploadServlet 
      width: 300, 
      height:200,
      fileUpload: true,   

      items: [...{ 
         xtype: 'textfield', 
         fieldLabel: '文件名', 
         name: 'file', 
         inputType: 'file'//文件类型 
       }], 
      
     buttons: [...{ 
         text: '上传', 
         handler: function() ...{ 
         form.getForm().submit(...{ 
         success: function(form, response)...{ 
            Ext.Msg.alert('信息', response.result.msg); 
         }, 
        failure: function()...{ 
           Ext.Msg.alert('错误', '文件上传失败'); 
        } 
      }); 
     } 
   }] 
   }); 

   }); 

		

//在使用此方法进行文件上传时，其后台往页面的返回值类型是这样的： 
//{'success':true,'message':'上传成功'} 
//如果没有success:true，无论上传成功与否，显示的都是上传失败，其实这个和form.submit()的提交方式是一个道理。 

var dialog = new Ext.ux.UploadDialog.Dialog(...{  
               autoCreate: true,  
               closable: true,  
               collapsible: false,  
               draggable: true,  
               minWidth: 400,        
               minHeight: 200,  
               width: 400,  
               height: 350,  
               permitted_extensions:['JPG','jpg','jpeg','JPEG','GIF','gif','xls','XLS'],  
               proxyDrag: true,  
               resizable: true,  
               constraintoviewport: true,  
               title: '文件上传',  
               url:用于处理上传文件功能的Url,
               reset_on_hide: false,  
               allow_close_on_upload: true ,
               upload_autostart: false 
            });  
//定义上传文件的按钮
var btnShow = new Ext.Button(...{
        text:'上传文件',
        listeners:...{
            click:function(btnThis,eventobj)...{
                dialog.show();
            }
        }
  });