<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<input type="file" id="image">
<button id="btn">上传</button>
<script>
btn.onclick = function(){
// image.value代表上传的源文件的名称
// 获取上传文件的完整名称
// 先将上传的文件后缀获取到 - 从名称中获取到后缀
var suffix = image.value.split('.').pop()
// console.log(suffix);
// 判断后缀是否在允许的数组中
var allowSuffixArr = ["jpg","png"]; // 允许上传的文件后缀
// 用indexOf判断元素是否在数组中
if(allowSuffixArr.indexOf(suffix) < 0){
alert('文件格式不支持')
}else{
alert('开始上传')
}
}
</script>
</body>
</html>