zoukankan      html  css  js  c++  java
  • JS判断是否为图片后缀名

    // 增加一个名为 IsPicture 的函数作为
        // String 构造函数的原型对象的一个方法。
        String.prototype.IsPicture = function()
        {
            
    //判断是否是图片 - strFilter必须是小写列举
            var strFilter=".jpeg|.gif|.jpg|.png|.bmp|.pic|"
            
    if(this.indexOf(".")>-1)
            {
                
    var p = this.lastIndexOf(".");
                
    //alert(p);
                //alert(this.length);
                var strPostfix=this.substring(p,this.length) + '|';        
                strPostfix = strPostfix.toLowerCase();
                
    //alert(strPostfix);
                if(strFilter.indexOf(strPostfix)>-1)
                {
                    
    //alert("True");
                    return true;
                }
            }        
            
    //alert('False');
            return false;            
        }

    //<!--前台HTML文件//-->//

    //预览图片
            function showImg()
            { 
                document.getElementById(
    "imgPic").removeAttribute("height");
                
    if(document.getElementById("spnPic").style.display!="none")document.getElementById("spnPic").style.display='none';
                
    if(document.getElementById("Image").value.trim()!='')
                {    
                    
    //IsPic();
                    document.getElementById("imgPic").style.display='';
                    document.getElementById(
    "imgPic").src=document.getElementById("Image").value.trim();    
                    
    if(document.getElementById("imgPic").height>150) document.getElementById("imgPic").height=150;
                    
    //if(document.getElementById("imgPic")>300) document.getElementById("imgPic").width=300;            
                }            
                
    else
                {
                    document.getElementById(
    "imgPic").style.display='none';
                    document.getElementById(
    "imgPic").src='';
                }        
            }
            
            
    //图片验证
            function IsPic()
            {
                
    if(document.getElementById("Image").value.trim()!='')
                {
                    
    if(document.getElementById("Image").value.IsPicture()==false)
                    {
                        alert('请选择正确的图片路径!');
                        document.getElementById(
    "Image").focus();
                        document.getElementById(
    "Image").select();
                    }
                }
            }
  • 相关阅读:
    Java 8 stream的详细用法
    SpringBoot启动异常 Process finished with exit code 1
    GIT-版本管理-初阶使用
    升级 kubeadm 集群
    antdv 获取 axios文件上传实时进度
    Ant Design Vue 实现文件上传 (通过点击提交按钮后开始上传)
    Ant Design Vue 实现菜单栏根据url变化自动高亮和展开
    Do not access Object.prototype method 'hasOwnProperty' from target object
    Nginx配置WebSocket (包含nginx-ingress-controller)
    Django ORM 常用字段和参数/关系字段/ForeignKey操作/数据库查询优化(重要)/事务初识
  • 原文地址:https://www.cnblogs.com/ding0910/p/340695.html
Copyright © 2011-2022 走看看