上传正确格式的图片文件方法

最新推荐文章于 2024-07-08 18:04:07 发布

Surpass-oneself

最新推荐文章于 2024-07-08 18:04:07 发布

阅读量3.3k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_41882787/article/details/80041767

版权

javascript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="file" name="" id="File"/><span></span> 
</body>
</html>
<script>
var file=document.getElementById(file);
file.οnchange=function(){
var path=this.value;
var define=path.substr(0,path.indexOf(".")+4).toUpperCase();
}
var file=document.getElementById("file");
file.οnchange=function(){
var path=this.value;
// 现在文件的路径；
var define=path.substr(0,path.valueOf(".")+4).toUpperCase();
if(define==".JPG || define==".PNG""){
file.nextSibling.innerHTML="格式正确";
}
else{
file.nextSibling(" 格式错误");

}

}
var file = document.getElementById("File");
file.onchange = function() {
//alert(11);
//alert(this.value); // c:/adfasdf.ss.jpg 需要点从后面开始再字符串中的位置
var path = this.value; // 得到的是现在的文件路径

var suxxif = path.substr(path.lastIndexOf(".")).toUpperCase()
// 得到的是后缀名并且转换为大写
// 从最后后一个后缀名只点的开始算起一直到最后
//alert(suxxif);
if(suxxif == ".JPG" || suxxif == ".PNG")
{
this.nextSibling.innerHTML = "格式正确";
}
else
{
this.nextSibling.innerHTML = "格式错误的";
}
}

</script>