上传文件格式检查(onchange事件)

<!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.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.nextElementSibling.innerHTML = "格式正确";
        } else {
            this.nextElementSibling.innerHTML = "格式错误的";
        }
    }

</script>
posted @ 2019-12-25 09:43  杨小越  阅读(796)  评论(0)    收藏  举报