[jQuery]获取文件格式并判断格式是否正确-优快云博客

本文介绍了一种使用JavaScript从用户输入中获取文件后缀名的方法，并实现了对图片文件类型的判断。通过提取文件路径中的后缀名并将其转换为小写形式，可以有效地与预设的合法图片格式数组进行匹配对比。

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

思路

　　1. 分离最后一个“.”，然后取后面的字符串，取得文件后缀名

　　2. 后缀名进行比对

代码 1.

// 获取文件字符串
var file=$("input[name='file']").val();
// 获取最后一个'.'的角标
var point = file.lastIndexOf(".");
// 抽取字符串
var type = file.substr(point);

代码 2.

// 获取文件字符串
var file=$("input[name='file']").val(); 
// 抽取文件名字
var filename=file.replace(/.*(\/|\\)/, ""); 
// 抽取后缀名
var fileExt=(/[.]/.exec(filename)) ? /[^.]+$/.exec(filename.toLowerCase()) : '';

如果要进行文件类型判断， str.toLowerCase() 后在进行比对，避免大小写问题

代码

function isPicFile(fileType) {
    // 后缀名转换为小写
    var fileType = fileType.toLowerCase();
    // 创建格式数组
    var suppotFile = new Array();
    // 存储格式类型
    suppotFile[0] = "jpg";
    suppotFile[1] = "gif";
    suppotFile[2] = "bmp";
    suppotFile[3] = "png";
    suppotFile[4] = "jpeg";
    //判断fileType是否存在数组里面
    for ( var i = 0; i < suppotFile.length; i++) {
        if (suppotFile[i] == fileType) {
            return true;
        }
    }
    //如果不存在返回 false
    alert("文件类型不合法,只能是jpg、gif、bmp、png、jpeg、png类型！");
    return false;
}

转载于:https://www.cnblogs.com/SoYang/p/11192242.html