欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

file文件上传获取文件后缀名

程序员文章站 2022-04-17 11:30:04
...

我想把世界上最好的都给你,却发现世界上最好的就是你。

咱们使用

<input type="file"  @change="fileChange($event)"/>

进行文件上传的时候,免不了需要判断文件上传类型,也就是后缀名 Suffix name
在方法中将事件源打印,里面找到 e.target.value,也就是文件上传的路径,然后就简单了

// 获取文件上传的后缀
    GetExtensionFileName(pathfilename) {
        var reg = /(\\+)/g;
        var pString = pathfilename.replace(reg, "#"); //用正则表达式来将\或\\替换成#
        var arr = pString.split("#"); // 以“#”为分隔符,将字符分解为数组 例如 D Program Files bg.png
        var lastString = arr[arr.length - 1]; //取最后一个字符
        var arr2 = lastString.split("."); //   再以"."作为分隔符
        return arr2[arr2.length - 1]; //将后缀名返回出来
    }

这样就搞定了
在最后附上我的私人博客 李大玄
还有我的QQ: 2489757828 有问题的话咱们可以一起讨论