js 判断文件后缀的方法

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

whitechololate

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

阅读量9.9k

点赞数 1

文章标签： function file

本文链接：https://blog.csdn.net/whitechololate/article/details/3325951

版权

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

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

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>