JS获取文件名的方法

最新推荐文章于 2024-08-29 11:00:35 发布

原创最新推荐文章于 2024-08-29 11:00:35 发布 · 3w 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html

前端开发专栏收录该内容

4 篇文章

订阅专栏

本文介绍了三种使用JavaScript从文件输入中提取文件名的方法。方法一使用lastIndexOf与substring结合实现；方法二通过复杂的正则表达式提取文件名及后缀；方法三同样采用substring但配合lastIndexOf来获取文件名。

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

JS获取文件名的方法

HTML部分代码

<input type="file" name="file" id="file" class="input_text80"></input>

js部分代码:
方法一：

    var file = $("#file").val();
    var fileName = getFileName(file);

    function getFileName(o){
        var pos=o.lastIndexOf("\");
        return o.substring(pos+1);  
    }

方法二：

    var file = $("#file").val();
    var strFileName=file.replace(/^.+?\([^\]+?)(.[^.\]*?)?$/gi,"$1");  //正则表达式获取文件名，不带后缀
    var FileExt=file.replace(/.+./,"");   //正则表达式获取后缀

方法三：

    var fileName = $("#file").val();
    var strFileName = fileName.substring(fileName.lastIndexOf("\\")+1);