Extjs4 Form之文件上传filefield的例子

发布时间:2021-01-15编辑:脚本学堂
分享一例Extjs4的实例代码,学习下form中文件上传filefield的用法,有需要的朋友参考下吧。

本节内容:
Extjs4 Form之文件上传filefield

例子:
 

复制代码 代码示例:
Ext.onReady(function(){ 
    Ext.QuickTips.init(); 
    Ext.create("Ext.form.Panel",{ 
        title:'本地File实例', 
        renderTo:'formDemo', 
        bodyPadding:'5 5 5 5', 
        height:100, 
        width:270, 
        frame:true, 
        items:[{ 
            xtype:'filefield', 
            name:'photo', 
            fieldLabel:'照片', 
            labelWidth:50, 
            msgTarget:'side', 
            allowBlank:false, 
            anchor:'98%', 
            buttonText:'请选中文件' 
        }],  // www.jb200.com
        buttons:[{ 
            text:'提交', 
            handler:function(){ 
                this.up("form").getForm().submit({ 
                    url:'/platform/assistJsp/upload/cosupload.jsp', 
                    waitMsg:'文件上传中',//提示等待信息 
                    success:function(){ 
                        Ext.Msg.alert("success","文件上传成功"); 
                    } 
                }); 
            } 
        }] 
    });  
})