Jquery获取input file的文件名

 时间:2026-02-15 18:43:46

1、新建一个html文件,命名为test.html,用于讲解Jquery获取input file的文件名。

Jquery获取input file的文件名

2、在test.html文件内,在p标签内,使用input标签创建一个file类型的文件选择框。

Jquery获取input file的文件名

3、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获得文件名”。

Jquery获取input file的文件名

4、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getfile()函数。

Jquery获取input file的文件名

5、在js标签中,创建getfile()函数,在函数内,通过id(myfile)获得input对象,使用val()方法获得选择的文件路径。

Jquery获取input file的文件名

6、在getfile()函数内,使用split()方法用“\”分割路径,得到分割后的数组,再通过length属性获得最后一个元素的下标,即文件名的数组下标,最后,使用alert()方法输出文件名。

Jquery获取input file的文件名

7、在浏览器打开test.html文件,点击选择文件,点击按钮,查看结果。

Jquery获取input file的文件名

1、创建一个test.html文件。


2、在文件内,在p标签内,使用input标签创建一个file类型的文件选择框。同时创建一个button按钮,用于触发执行js函数。
3、在js标签内,创建函数,在函数内,通过获得input对象,使用val()方法获得选择的文件路径,使用split()方法用“\”分割路径,得到分割后的数组,再通过length属性获得最后一个元素的下标,即文件名的数组下标,最后,使用alert()方法输出文件名。
  • 易语言颜色选择组件和组合框如何用
  • 易语言--被调试程序需要UAC权限....与图标有关
  • 如何使 WPS Office 在运行时默认打开新建文档
  • windows server 2003怎么安装FTP
  • php如何给二维数组添加元素
  • 热门搜索
    数学园地手抄报 英语手抄报版面设计图 手抄报花边图片大全 小学三年级手抄报大全 二年级安全手抄报 中华文化手抄报 有关英语的手抄报 壮族三月三手抄报 小学四年级手抄报大全 快乐手抄报