JS字符串方法的练习
需求:假设上传商品图片的应用场景,需要判断上传文件后缀是图片类型。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div class="footer">
<div>选择商品图片</div>
<input type="file" id="btn" />
</div>
<script type="text/javascript">
// 需求:点击图片上传按钮,判断当前上传的文件是否符合上传的类型
// 1.txt
var oFile = document.getElementById("btn")
var allowType = [".png",".jpg",".gif",".bmp"]
oFile.onchange = function(){
// this 在函数中,谁调用这个函数就指向谁
// 拿到一个字符串 --- 判断这个值是否符合类型
// alert(this.value)
// 思路:
// 1.需要有一个判断的标准,哪些是允许上传的,[".png",".jpg",".gif",".bmp"]
// 2.拿到文件后缀
// 3.把拿到的文件后缀放到我们的标准中去判断,然后返回一个结果
// 整个文件后缀
var fileValue = this.value
// 截取出文件后缀
var fileType = fileValue.substr(fileValue.lastIndexOf("."))
console.log(fileType)
// 和标准做对比
var res = checkType(fileType)
// 给用户提示
if (res) {
alert("可以上传")
} else{
alert("文件格式有错")
}
}
function checkType(fileType){
var allowType = [".png",".jpg",".gif",".bmp"]
for(var i in allowType){
if (allowType[i] === fileType) {
// 表示可以上传的
return true
}
}
return false
}
</script>
</body>
</html>