Jquery获取input file的文件名

 时间:2024-10-12 00:12:14

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的文件名
  • 易语言颜色选择组件和组合框如何用
  • 易语言--被调试程序需要UAC权限....与图标有关
  • 如何使 WPS Office 在运行时默认打开新建文档
  • windows server 2003怎么安装FTP
  • php如何给二维数组添加元素
  • 热门搜索
    学会感恩手抄报图片 我爱文学初中手抄报 关于感恩父母手抄报 关于环境保护的手抄报 英语节日手抄报 关于正月十五的手抄报 廉洁手抄报图片 放飞科技梦想手抄报 竞选大队委手抄报 植树节英语手抄报内容