码迷,mamicode.com
首页 > Web开发 > 详细

图片上传验证

时间:2016-08-20 16:00:09      阅读:258      评论:0      收藏:0      [点我收藏+]

标签:

 {
        colspan : 6,
        width:120,
        xtype: ‘filefield‘,
        name: ‘photo‘,
        width:120,
        buttonText: ‘选择文件‘,
        buttonOnly : true,    
        
        validator:function(value){
                            
                            var array=value.split(‘.‘);
                            if(array[array.length-1]==‘jpg‘ || array[array.length-1]==‘JPG‘||array[array.length-1]==‘bmp‘){
                                if(this.fileInputEl.dom.files[0].size>20971){
                
                        
                
                                    return ‘文件不能超过20k‘;
                                }
                                                return true;
                                
                            }else{
                            
                                
                                
                                return ‘文件格式不正确‘;
                            }
                        
                        
                        },
            listeners:{
                        
                         change:{fn:‘changeImgSrc‘}
                        
             }                    
},

 

 

 

    changeImgSrc:function(me,o,e){
        
            var array=o.split(‘.‘);
            
            console.log(me.fileInputEl.dom.files[0]);
            if(array[array.length-1]==‘jpg‘ || array[array.length-1]==‘JPG‘||array[array.length-1]==‘bmp‘){
                if(me.fileInputEl.dom.files[0].size>50971){
                
                        
                    console.log(this);
                    alert(‘文件不能超过50k‘);
                    this.lookupReference("filefileld").setValue("");
                    
                }else{
                
                
                    this.lookupReference(‘imageHead‘).getEl().dom.src=window.URL.createObjectURL(me.fileInputEl.dom.files[0]);
                    
                    this.lookupReference(‘imageHead‘).show();
                
                }
                            
                                
                                
            }else{
                            
                                
                    alert(‘文件格式不正确‘);
            }
            
            
    },

图片上传验证

标签:

原文地址:http://www.cnblogs.com/tian114527375/p/5790592.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!