您的位置：首页 > Web前端 > JavaScript

JavaScript代码来判断文件上传格式

2017-10-07 22:24 1546 查看

有时候我们在发送邮件，发生跟文件有关的时候需要去判断你选的文件是否是浏览器想要的类型，那么就会出现文件上的选择。

所以，小编用JavaScript来写个简单的dome。

做一图片类型上传格式。

假定用户上传是jpg 或png 格式提示格式正确

其他格式的提示格式错误

代码：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="file" id="file"/>
<span></span>
<script type="text/javascript">
// 假定用户上传是jpg 或png 格式 提示格式正确
// 其他格式的 提示格式错误
// 思路 1 先找到有关元素
var file = document.getElementById("file");
var span = document.getElementsByTagName("span")[0];

// onchange   文件域改变或者下拉菜单改变时候
file.onchange = function() {
// 判断用户上传文件的格式
var filename = this.value; // c:\...\1.txt
// 得到拓展名
var index = filename.lastIndexOf("."); // 1.2.txt，lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。
var extname = filename.slice(index+1);//slice() 方法可从已有的数组中返回选定的元素。
// JPG  JPg  jPg
//toLowerCase() 方法用于把字符串转换为小写。
if(extname.toLowerCase() == "jpg" || extname.toLowerCase() == "png") {
span.innerHTML = '格式正确'
} else {
span.innerHTML = '格式不正确'
}
}

</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： web 前端图片

相关文章推荐

新的分享

章节导航