zoukankan      html  css  js  c++  java
  • javascript判断图片格式

    判断图片格式是否正确,可以在前台页面进行判断,也可以在上传的时候进行判断,一下方法是利用javascript在前台页面进行判断:

    1、获取图片名称

       //从路径中截取图片名[包括后缀名]

       var path=img.src;

    2、获取图片名称(格式)有两种方法获取

    (1)、获取图片名称(截取方法获得)
    var filename;
    if(path.indexOf("/")>0)//如果包含有"/"号 从最后一个"/"号+1的位置开始截取字符串
    {
        imgtype=path.substring(path.lastIndexOf("/")+1,path.length);
    }

      (2)、获取图片名称(分割方法获得)

    var imgtype = dataURL.toLowerCase().split('.');

    3、比较获取的图片格式是否正确

        获取的图片格式有可能有的为大些或小写,此时需要统一转换

        imgtype.toUpperCase()://将字符串str中的字符都转换为大写。 
        imgtype.toLowerCase()://将字符串str中的字符都转换为小写。

        第一种方法获取的图片格式,直接用imgtype进行比较   

    if (imgtype != "png" || imgtype != "jpeg" || imgtype != "bmp" || imgtype != "jpg") 
    {
    alert("图片格式不正确!");
    }

       第二种方法获取图片格式,判断方法如下

       

    if ((imgtype[1]) != "png" || (imgtype[1]) != "jpeg" || (imgtype[1]) != "bmp" || (imgtype[1]) != "jpg") 
    {
    alert("图片格式不正确!");
    }
  • 相关阅读:
    javascript中的光标
    jQuery插件使用大全
    marginCollapse之兄弟关系的DIV
    margin collapse 之父子关系的DIV
    选择符优先级-----:link伪类
    a标签包input引起的问题
    关于inline-block的间隙问题
    创意输入框
    Unity3D教程宝典之Shader篇:第十四讲Surface Shader
    Unity3D教程宝典之Shader篇:第十三讲 Alpha混合
  • 原文地址:https://www.cnblogs.com/xinbaba/p/6877249.html
Copyright © 2011-2022 走看看