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();
                    }
                }
            }
  • 相关阅读:
    js数据类型的转换
    个人总结css中的四种position定位
    c3和js写的切割轮播图 喜欢宋仲基的妹子汉子们来,观看效果需要引入jQuery^^
    立体骰子(css3和js)
    友善串口调试助手
    Pixhawk之调试方法
    深度学习论文笔记:Deep Residual Networks with Dynamically Weighted Wavelet Coefficients for Fault Diagnosis of Planetary Gearboxes
    Sublime Text 插件之常用20个插件
    lll
    浅谈jQuery的对象构成1
  • 原文地址:https://www.cnblogs.com/ding0910/p/340695.html
Copyright © 2011-2022 走看看