在js中，获得上传图片的名称，可以通过addEventListener（）方法来监听上传的图片，获得上传图片的相关信息，如图片名称、大小、类型。下面小编举例讲解js如何获取上传图片的名称。
工具/原料
1
Dreamweaver CS5代码编辑器
2
Firefox浏览器
方法/步骤
1
新建一个html文件，命名为test.html，用于举例讲解js如何获取上传图片的名称。
2
在test.html文件内，使用form标签创建一个表单，代码如下：
3
在form表单内，创建一个type类型为file的选择图片按钮和一个type类型为submit的提交按钮。代码如下：
4
编写js代码，使用getElementById()方法通过id获得已选择的图片对象，代码如下：
5
通过addEventListener()监听选择图片对象，当选择上传图片时，触发执行readFile函数，代码如下：
6
在readFile函数内，通过files获得上传图片的信息，使用alert()方法将获得的图片名称以弹窗形式显示出来。
7
在浏览器打开test.html文件，点击“浏览”按钮选择图片，弹出图片名称。如下图所示：
总结：
1、创建上传图片表单，在表单内创建浏览图片按钮。2、通过addEventListener()方法监听上传图片按钮，当选择完图片后，获得图片的名称。
注意事项
还可以通过对象的size属性获得图片的大小，type属性获得图片的类型。
上一篇：黑手党：黑帮之城开篇怎么玩
下一篇：高级技工证有什么用