js获取上传控件选中的文件扩展名

最新推荐文章于 2022-08-25 22:37:49 发布

原创最新推荐文章于 2022-08-25 22:37:49 发布 · 2.9k 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个简单的HTML文件上传表单及其JavaScript处理逻辑，用于获取用户上传文件的后缀名并显示出来。此方法适用于初步了解如何使用JavaScript操作DOM元素及文件API。

<input type="file" name="upfile" id="upfile">

<script>
var upfile = document.getElementById('upfile');

upfile.onchange = function(){
    var file = upfile.files[0];
    if(file){
       var name = file.name;
        console.log(name);

        var index = name.lastIndexOf('.');
        var ext = name.substr(index + 1);
        alert('后缀名是：' + ext);
    }
}

</script>

that's it!