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("图片格式不正确!");
}

 

posted @   吃辣椒的小毛驴  阅读(11769)  评论(1编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 提示词工程——AI应用必不可少的技术
· 地球OL攻略 —— 某应届生求职总结
· 字符编码:从基础到乱码解决
· SpringCloud带你走进微服务的世界
点击右上角即可分享
微信分享提示