js 判断文件后缀的方法

最新推荐文章于 2023-05-23 14:03:00 发布

原创最新推荐文章于 2023-05-23 14:03:00 发布 · 1w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#function #file

本文介绍了一种实现图片上传及预览的方法，通过JavaScript获取文件后缀名并判断是否为图片格式，若符合则直接显示在页面上。文中提供了两种实现方式：一种是通过字符串操作获取文件扩展名，另一种是使用正则表达式匹配。

function upPicture(file)
{
    var ImageFileExtend = ".gif,.png,.jpg,.ico,.bmp";
    if(file.value.length>0)
    {

　　　//判断后缀
        var fileExtend=file.value.substring(file.value.lastIndexOf('.')).toLowerCase();

//可以对fileExtend（文件后缀<.xxx>） 进行判断 处理
        if(ImageFileExtend.indexOf(fileExtend)>-1)
        {
            //显示预览
            var imgTag=document.getElementById("img_Picture");
            imgTag.src = file.value;
            imgTag.style.display = "block";
        }
}

上面方法已验证

下面是正则的

（1）fileExtend = file1.value.match(//.[a-zA-Z]+$/)

//fileExtend(.XXX)的形式

（2）

<script>
var s = "The-.jpg - plain.gif";

 
var fileExtend;
 
 fileExtend = getExt(s);

function getExt(s)
{
   var r, re;
   re = //.([^/.]+)$/i;
   r = s.match(re);
   return r[1];
}
</script>