js 实现检查上传文件的格式，文件为.jpg或.png为正确格式，其它为错误。
2016-08-16 20:37
701 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="file" value="" name="file" id="input" onchange="upFile()">
<span id="span">上传格式只能为jpg、png格式</span>
</body>
<script>
function upFile(){
var inp=document.getElementById("input").value;
var s=inp.lastIndexOf(".");
var type= inp.substr(s,inp.length).toLowerCase();
alert(type);
if(type==".jpg"||type==".png"){
document.getElementById("span").innerHTML="格式正确";
}else{
document.getElementById("span").innerHTML="格式不正确";
}
}
</script>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- js验证上传的文件是否为JPEG，PNG，JPG，GIF格式
- js验证上传的文件是否为JPEG，PNG，JPG，GIF格式
- ajaxFileUpload.js上传图片插件，全浏览器兼容，规避json错误，带文件格式大小拦截
- 解决eWebEditor上传图片提示:请选择一个有效的文件,支持的格式有(GIF|JPG|JPEG|BMP|PNG)!
- Js下检查上传图片文件格式和大小的方法，兼容ie和火狐
- VC++图片控件(Picture Control)显示资源位图(BMP)、文件位图(BMP)、其它格式文件图片(JPG\PNG\BMP)的方法
- 解决eWebEditor上传图片提示:请选择一个有效的文件,支持的格式有(GIF|JPG|JPEG|BMP|PNG)!
- 正确检查上传文件类型或者get mine type from file
- Java里判断Image文件信息格式(GIF/PNG/JPG)/Size/Height/Width?
- 使用js来实现模拟无刷新文件上传。
- 纯js实现跨域上传文件
- ASP.NET上传图片，服务器端验证，宽度，高度，文件类型，尺寸，文件大小,图片上传,图片格式检查
- c#实现文件上传-忽略Byte编码格式
- 用webclient实现无空间上传文件错误：Could not find a part of the path .....
- 做了一个上传组件以后，在IE中通过以下代码限制上传文件类型为jpg和png：
- js实现图片文件校验，验证上传的文件是图片和其后缀名，大小
- 上传文件限制文件格式js 及浏览框左面的text框只读
- js实现文件批量上传，支持ie firefox
- ASP.NET上传图片，服务器端验证，宽度，高度，文件类型，尺寸，文件大小,图片上传,图片格式检查
- 图片上传之前检查大小、尺寸、格式并预览的js代码