js 实现检查上传文件的格式，文件为.jpg或.png为正确格式，其它为错误。

原创于 2016-08-16 20:37:22 发布 · 1.2k 阅读

CC 4.0 BY-SA版权

本文介绍了一个简单的HTML与JavaScript实现的文件上传格式验证功能。当用户选择文件后，脚本会检查文件扩展名是否为允许的格式（.jpg或.png），并在页面上显示验证结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="file" value="" name="file" id="input" onchange="upFile()">
<span id="span">上传格式只能为jpg、png格式</span>
</body>
<script>
    function  upFile(){
        var inp=document.getElementById("input").value;
        var s=inp.lastIndexOf(".");
        var type= inp.substr(s,inp.length).toLowerCase();
        alert(type);
        if(type==".jpg"||type==".png"){
            document.getElementById("span").innerHTML="格式正确";
        }else{
            document.getElementById("span").innerHTML="格式不正确";

        }


    }


</script>
</html>