js判断上传文件后缀名是否合法
更新时间：2016年01月28日 10:12:48 作者：gyz418
这篇文章主要介绍了js判断上传文件后缀名是否合法的具体方法，以一个完整实例分析了javascript判断上传文件后缀名是否合法的方法，感兴趣的小伙伴们可以参考一下
本文实例介绍了js判断上传文件后缀名是否合法的详细代码，分享给大家供大家参考，具体内容如下
效果图：
选择文件
选择1.jpg文件
上传成功合法
除图片文件格式以外，其他都是不合法的操作。
具体代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>判断文件上传是否合法</title>
<script type="text/javascript">
//3、（字符）检查文件上传表单控件，如果含有[jpg,jpeg,gif,png]则显示“文件类型合法”，否则“显示文件类型错误”
function checkFileExt(filename)
{
var flag = false; //状态
var arr = ["jpg","png","gif"];
//取出上传文件的扩展名
var index = filename.lastIndexOf(".");
var ext = filename.substr(index+1);
//循环比较
for(var i=0;i<arr.length;i++)
{
if(ext == arr[i])
{
flag = true; //一旦找到合适的，立即退出循环
break;
}
}
//条件判断
if(flag)
{
document.write("文件名合法");
}else
{
document.write("文件名不合法");
}
}
</script>
</head>
<body>
<form name="form1" method="post" enctype="multipart/form-data">
上传头像：<input type="file" name="uploadFile" onchange="checkFileExt(this.value)" />
</form>
<input type="button" value="返回上一页" onclick="javascript:history.go(-1)" />
</body>
</html>
希望本文所述对大家学习javascript程序设计有所帮助。
相关文章
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
这篇文章主要介绍了JavaScript 浏览器对象模型BOM原理与常见用法,结合实例形式详细分析了JavaScript浏览器对象模型BOM基本概念、原理、使用方法及操作注意事项,需要的朋友可以参考下2019-12-12
这篇文章主要为大家详细介绍了微信小程序自定义模态对话框实例的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
这篇文章主要为大家详细介绍了bootstrap modal弹出框的垂直居中，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
本文主要介绍解决wx.onMenuShareTimeline出现的问题，这里提供了示例代码作为参考，有需要的小伙伴可以参考下2016-08-08
这篇文章主要介绍了JavaScript判断undefined类型的正确方法,相信很多同学在遇到这问题时都会用到错误的方法,正确方法也很简单,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了js函数和this用法,结合实例形式分析了js函数和this基本功能、原理、使用方法与操作注意事项,需要的朋友可以参考下2020-03-03
这篇文章主要介绍了常用的几段javascript代码,需要的朋友可以参考下2014-03-03
这篇文章主要介绍了element-ui 动态换肤,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
这篇文章主要介绍了微信小程序实现提交input信息到后台的方法,结合实例形式分析了微信小程序提交input信息到后台相关事件响应与数据处理操作技巧,需要的朋友可以参考下2019-01-01
这篇文章主要介绍了Java SE 9 多版本兼容 JAR 包示例,Java 9 版本中增强了Jar 包多版本字节码文件格式支持，也就是说在同一个 Jar 包中我们可以包含多个 Java 版本的 class 文件，更多相关内容感兴趣的小伙伴可以参考一下2022-08-08
最新评论