jQuery获取文件名方法

时间：2026-08-27 404

在jQuery中，可以通过获取input元素并调用其val()方法来读取所选文件的路径。随后使用JavaScript的split()方法对路径字符串进行分割，进而提取出文件名部分。下面通过具体示例详细说明实现过程。

首先，在test.html页面的p标签内插入一个input标签，并将type属性设置为file，用于创建文件选择控件。

接着，在页面中添加一个button标签，按钮显示文本为“获得文件名”，用于触发文件名获取操作。

为该按钮绑定点击事件，当用户点击时执行getfile函数，启动文件名提取逻辑。

在script标签中定义getfile函数，使用jQuery通过ID选择器获取input对象，并调用val()方法获取所选文件的完整路径。

在函数内部，调用split('\')方法以反斜杠作为分隔符将路径拆分为数组；然后通过length属性确定最后一个元素的索引位置，该元素即为文件名；最后使用alert()方法弹出显示该文件名。由此完成从文件路径中提取文件名并展示的功能。

打开浏览器运行test.html文件，选择任意本地文件后点击“获得文件名”按钮，即可看到弹窗显示所选文件的名称。

新建一个名为test.html的文件，开始编写代码实现上述功能。

女子学校安检员安卓最新版

 6.0

模拟经营 20 MB

扫一扫手机安装更便捷