JavaScript前端验证图片扩展名的实现方法
作者:青柠时间:2026-10-28 10:03:12浏览:447
本文介绍如何使用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;
}
}
}
}
}作者最新文章
ES6模块化中js文件怎么用import和export交互
2026-11-05 17:00:48
JS读取本地文件时报错或无响应的常见原因
2026-11-05 16:32:31
let、const与var的区别:JavaScript变量声明最佳实践
2026-11-05 14:16:38
JS中直接定义静态二维数组的字面量写法
2026-11-05 14:16:08
JS 怎么查找字符串中所有匹配项的位置
2026-11-05 14:15:53
