JavaScript案例（七）：上传图片格式验证

最新推荐文章于 2022-12-11 17:55:56 发布

@彼岸花

最新推荐文章于 2022-12-11 17:55:56 发布

阅读量117

点赞数 1

分类专栏： JAVA开发文章标签： javascript html html5 css

本文链接：https://blog.csdn.net/weixin_44825185/article/details/115209185

版权

JAVA开发专栏收录该内容

34 篇文章 0 订阅

订阅专栏

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>上传验证</title>
</head>
<body>
    <div>
        <label for="file">选择文件</label>
        <input type="file" id="file" >
    </div>
    <script>
        window.onload = function () {
            var file = document.getElementById("file");
            file.onchange = function () {
                //获取上传图片的路径
                var path = this.value;
                //获取.在字符串中的位置
                var location = path.lastIndexOf('.');
                //截取后缀名
                var suffix = path.substring(location);
                // 统一转为小写
                var small_suffix = suffix.toLowerCase(suffix);
                if(small_suffix === '.jpg' || small_suffix === '.png' || small_suffix === '.jpeg'
                || small_suffix === '.gif'){
                    alert("上传格式正确！");
                }else{
                    alert("上传格式有误！")
                }
            }
        }
    </script>
</body>
</html>

结果

在这里插入图片描述

@彼岸花

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript案例（七）：上传图片格式验证

代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>上传验证</title></head><body> <div> <label for="file">选择文件</label> <input type="file" id
复制链接

扫一扫