JavaScript前端验证图片扩展名的实现方法

作者:青柠

时间:2026-10-28

浏览:446

本文介绍如何使用JavaScript在前端验证上传图片的扩展名。通过截取文件名后四位并转换为小写,判断是否为.jpg、.gif、.jpeg或.bmp格式。若不符合要求则弹出提示并返回false,否则允许提交。适用于ASP.NET等Web开发场景中的文件上传控件校验。

文章目录

前端图片类型验证实现

在前台页面中,可以通过调用特定的JavaScript函数来实现对上传图片类型的检查。

}

前台调用示例

具体的实现代码示例如下:

在ASP.NET的按钮控件中,通过OnClientClick属性绑定客户端点击事件,调用名为fucCheckJpgAndGif的函数,并传入文件上传控件File1的值作为参数。

该函数的具体定义代码如下:

// 复制代码

函数代码实现

函数实现的源代码如下所示:

function fucCheckJpgAndGif(strFileName) {
if (strFileName != "") {
var strtype = strFileName.substring(strFileName.length - 4, strFileName.length);
strtype = strtype.toLowerCase();
if ((strtype == ".jpg") || (strtype == ".gif") || (strtype == "jpeg") || (strtype == ".bmp")) {
return true;
        }
} else {
alert("请上传jpg、gif或者bmp格式的图片,谢谢!");
return false;
        }
    }
}
}
}

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章