js中点击一个按钮弹出一个file文件框的步骤如下：
1.在文件夹中创建一个html文件“test”。
2.在test文件中添加一个html的框架。
3.添加两个input，一个是button，一个是file把id设置为“open”style类型设置为“display:none”不显示。
4.打开后我们发现只显示这一个“打开文件”按钮。
5.现在我们给button添加onclick事件，调用openfile触发id为“open”的file。
6.现在我们在浏览器中点击“打开文件”文件按钮就会弹出选择文件路径对话框了。这样就解决了js中点击一个按钮弹出一个file文件框的问题了。
<form onsubmit="return fileCountCheck(this)">
<input type="file" name="mulUp[]" multiple="multiple" required="required" />
<input type="submit" />
</form>
<script type="text/javascript">
function fileCountCheck(objForm){
if (window.File && window.FileList) {
var fileCount = objForm["mulUp[]"].files.length
if(fileCount > 10){
window.alert('文件数不能超过10个，你选择了' + fileCount + '个')
}
else {
window.alert('符合规定')
}
}
else {
window.alert('抱歉，你的浏览器不支持FileAPI，请升级浏览器！')
}
return false
}
</script>
扩展资料：java获取路径，文件名的方法总结
1、文件路径获取
Thread.currentThread().getContextClassLoader().getResource(“”) //获得资源文件(.class文件)所在路径
ClassLoader.getSystemResource(“”)
ClassName.class.getClassLoader().getResource(“”)
ClassName.class .getResource(“/”)
ClassName.class .getResource(“”) // 获得当前类所在路径
System.getProperty(“user.dir”) // 获得项目根目录的绝对路径
System.getProperty(“java.class.path”) //得到类路径和包路径
其中ClassName为类名。
2、文件名获取
String fName =” D:\java\workspace\netmanager01\resources\mibfiles\wtView.mib “
(“\”，java中需要转义)
第一种：
File tempFile =new File( fName .trim())
String fileName = tempFile.getName()
第二种：
fName = fName.trim()
fileName = fName.substring(fName.lastIndexOf("/")+1)
或者
fileName = fName.substring(fName.lastIndexOf("\\")+1)
第三种：
fName = fName.trim()
String temp[] = fName.split("\\\\")//split里面必须是正则表达式，"\\"的作用是对字符串转义，其中split("\\\\")的作用是：按照"\\"为分隔符，将路径截取，并存入数组，如下：temp[]=[,D:,java,workspace,netmanager01,resources,mibfiles,wtView.mib]
fileName = temp[temp.length-1](取出最后一个)
1、定义一个Html文件，编写file控件。
2、在html文件中增加js代码，监听File控件。
3、预览页面效果。
4、上面的上传文件比较复杂，可以用jquery更简便的方法。
5、点击选择文件按钮，进行选择文件。
6、编辑完ihtml文件后，用浏览器打开html文件，当鼠标左键单击span时显示"触发鼠标单击事件"，双击span时显示"事件"，完成关闭。
