js获取input file的扩展名和文件名（支持IE8）

longzhoufeng

于 2017-12-11 11:02:41 发布

阅读量9.6k

点赞数 1

分类专栏： javascript 文章标签： javascript 扩展

本文链接：https://blog.csdn.net/longzhoufeng/article/details/78770607

版权

javascript 专栏收录该内容

159 篇文章

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>
    <form id="form1">
        <div>
            <input type="file" name="file" id="longzhoufeng" />
            <input type="button" name="abc" value="测试" onclick="fileName();" />
        </div>
    </form>
</body>
</html>
<script type="text/javascript">
    function fileName() {
        var long = document.getElementById("longzhoufeng").value;
        //扩展名的文件名
        var pos=long.lastIndexOf("\\");
        var aaa=long.substring(pos+1);  
        alert(aaa)

        //扩展名
        var bbb=aaa.lastIndexOf(".");
        var ccc=aaa.substring(bbb+1);    
        alert(ccc)

        //文件名
        var strFileName=long.replace(/^.+?\\([^\\]+?)(\.[^\.\\]*?)?$/gi,"$1"); 
        alert(strFileName)
        alert("扩展名:"+ccc+" "+",文件名:"+strFileName+" "+",扩展名的文件名:"+aaa)        
    }
</script>