JS获取文件名的方法

柴米丨油盐

于 2017-06-07 09:39:41 发布

阅读量3w

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端开发文章标签： javascript html

本文链接：https://blog.youkuaiyun.com/chainingning/article/details/72896403

前端开发专栏收录该内容

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);