js获取input file的扩展名和文件名(支持IE8)

<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>
发布了320 篇原创文章 · 获赞 79 · 访问量 69万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览