javascript判断图片格式

Posted 2020-09-19

判断图片格式是否正确，可以在前台页面进行判断，也可以在上传的时候进行判断，一下方法是利用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("图片格式不正确！");
}