js,jquery获取文件全名,后缀,文件名

原创已于 2022-04-27 17:33:34 修改 · 3.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

于 2022-04-26 01:31:43 首次发布

这篇博客介绍了如何使用JavaScript从HTML表单中获取文件的全名、后缀和文件名。通过`$('#file').val()`获取表单值，然后利用字符串操作方法如`split()`、`substring()`和`lastIndexOf()`解析文件路径，提取所需信息。示例代码详细展示了这一过程。

网上找了几个不太满意,参照文章自己修改了一下,可以获取表单中文件的全名,后缀,文件名

var filePath = $('#file').val(); // 获取表单的值

var arr = filePath.split('\\'); //通过\分隔字符串，成字符串数组

var fileName = arr[arr.length-1]; //取最后一个，就是文件全名,含后缀

var index= filePath.lastIndexOf("."); // 获取最后一个.的位置

var ext = filePath.substring(index+1,filePath.length); //后缀名
console.log('后缀名:'+ext); // 文件名

fileName1 = fileName.substring(0,(fileName.length - ext.length - 1));// 从全名中截后缀就是文件名
console.log('文件名:'+fileName1); // 文件名