首页 > 代码库 > javascript判断图片格式

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判断图片格式