图片上传验证

{
        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(‘文件格式不正确‘);
            }
            
            
    },

时间: 2024-10-05 09:13:26

图片上传验证的相关文章

js图片上传验证图片格式和大小尺寸

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function getImageSize(obj){ var _file=document.getElementById("file

Nodejs之MEAN栈开发(四)-- form验证及图片上传

这一节增加推荐图书的提交和删除功能,来学习node的form提交以及node的图片上传功能.开始之前需要源码同学可以先在git上fork:https://github.com/stoneniqiu/ReadingClub 一.form验证 MVC的form验证有三个地方可以做,第一道关就是前端提交之前,第二道关就是在数据保存之前,也就是在controller中做验证,第三道关就是数据保存的时候,也就是如果提交的数据模型不符合实体定义的约束,数据是无法保存的,这是最后一道防线.第一道关主要是依赖于

form验证及图片上传

form验证及图片上传 这一节增加推荐图书的提交和删除功能,来学习node的form提交以及node的图片上传功能.开始之前需要源码同学可以先在git上fork:https://github.com/stoneniqiu/ReadingClub 一.form验证 MVC的form验证有三个地方可以做,第一道关就是前端提交之前,第二道关就是在数据保存之前,也就是在controller中做验证,第三道关就是数据保存的时候,也就是如果提交的数据模型不符合实体定义的约束,数据是无法保存的,这是最后一道防

Jquery自定义图片上传插件

1 概述 编写后台网站程序大多数用到文件上传,可是传统的文件上传控件不是外观不够优雅,就是性能不太好看,翻阅众多文件上传控件的文章,发现可以这样去定义一个文件上传控件,实现的文件上传的效果图如下: 2.该图片上传插件实现功能如下: 1>能够异步上传,上传成功之后,服务器返回响应结果:能够定义上传前和上传后自定义处理方式: 2>能够实现文件格式判断,过滤非图片文件: 3>服务端能够过滤重复上传的图片: 3.页面代码分析: 1>.Jquery图片上传插件代码如下: // 选中文件, 提

使用Kindeditor的多文件(图片)上传时出现上传失败的解决办法/使用Flash上传多文件(图片)上传时上传失败的解决办法

近来用户反映希望我们把在线编辑器中的多图片上传功能实现,因为他们在编辑商品描述时经常会有一次上传多张图片的需求,如果要逐张选择的话效率很低,客户的需求就是我们的追求,很快我们就把完善功能排到了日程表中,要求尽快实现. 我们在项目中使用的在线编辑器是Kindeditor4.1.10,它们的多文件上传插件是使用Flash实现的,原本应该就是能使用的,但为什么老是显示上传失败的,百度了一下前人的经验和教训,出现这种情况,有两种可能:1)上传的目标文件夹没有写权限,导致上传的文件无法进行写操作,所以上传

优化篇-“移动端”图片上传架构的变迁

做互联网应用少不了图片的支撑,图片的上传.浏览速度很大程度上决定着用户的体验,甚至用户去留,就因为其重要,所以,在任何时候,图片的架构和优化都在进行,不敢丝毫放松. 在以后几个章节,会从后端图片存储.前端浏览.动态浏览这些方面和大家分享一下我们一路过来的经验. 经过数据的观察,APP.WAP的用户量基本与PC端持平甚至超越,因此,应移动端用户体验和访问速度都被运营方盯得紧紧.在2014年的时候已经看到这个趋势后,主动监测发现移动端的跨运营商访问速度和稳定性真不敢恭维.所以,在那个时候开始,我们已

【西祠日志】【07】努力努力,找资料,思考,怎么做asp图片上传

[西祠日志][07]努力努力,找资料,思考,怎么做asp图片上传  (2015.07.23周四) 今天忘了带本子,直接写在书上了笔记,晚点还是夹在本子里: 学了这么久的web应用,一直都没时间去做一点,相对复杂点得应用,比如现在要考虑的图片上传,或者是接下来要加强学习的正则表达式.防SQL注入.验证码的实现.图片水印功能等,这的确是应该作为我学习的第二个阶段,做一点相对复杂一点的应用功能,考虑怎样使自己做的网站更加健壮,今天主要是在找asp资料学习图片上传,考虑了下js实现web富文本编辑器,然

Web Service(1):用Web Service实现客户端图片上传到网站

由于项目需要,通过本地客户端,把图片上传到网站.通过webservice. 这是客户端代码: 1 private void btnimg_Click(object sender, EventArgs e) 2 { 3 this.yanzheng(); 4 mylocalhost.MySoapHeader myheader = new mylocalhost.MySoapHeader();///这是soapheader 5 mylocalhost.MyWebService myService =

图片上传webuploader

/** * 基于jquery的图片上传控件 */!function ($) { "use strict"; //定义上传事件 var upImgEvent = { fileQueued: 'fileQueued',//文件加载的时候触发 //statusChange: 'statuschange', uploadSuccess: 'uploadSuccess',//文件上传成功触发默认路径应该是固定的 uploadError: 'uploadError',//文件上传报错触发 erro