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程序设计有所帮助。
相关文章
js读取 EXCEL 文件 的实现代码，比较全了大家可以自行测试了。2009-08-08
同样在HTML5可以通过data-自定义属性名来给元素添加自定义的属性名。一旦添加完成之后。通过JS可以获取以及设置自定义属性。这篇文章主要介绍了jQuery中选择查找自定义属性具有特定值的所有元素2023-02-02
这篇文章主要介绍了原生JS实现列表子元素顺序反转的方法,结合实例形式分析了javascript针对dom元素、数组reverse方法、innerHTML方法等列表元素顺序翻转相关操作技巧,需要的朋友可以参考下2018-07-07
这篇文章主要介绍了JS实现文字向下滚动的方法,以一个完整实例形式详细分析了html页面布局、css样式及对应的js滚动功能实现技巧,需要的朋友可以参考下2015-02-02
这篇文章的目的只是让你认识控制台，让你入门调试js，之后的路还得靠你们自己走2014-06-06
disable-devtool禁用web开发者工具保护网页源码
这篇文章主要为大家介绍了disable-devtool禁用web开发者工具保护网页源码的使用，防止源码泄露保护网站源码的最佳解决方案，一行代码就可以搞定，有需要的可以学习参考下2023-11-11
其实防抖和节流不仅仅在面试中会让大家手写，在实际项目中也可以起到性能优化的作用，所以还是很有必要掌握的。本文就带大家彻底学会JavaScript手写防抖节流，需要的可以参考一下2022-11-11
这篇文章主要介绍了使用typescript推导已有变量的盲盒类型详情，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-08-08
这篇文章主要介绍了JavaScript 高性能数组去重的方法，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-09-09
这篇文章介绍了JS精确统计网站访问量的实例代码，有需要的朋友可以参考一下2013-07-07
最新评论