用js如何实现点击按钮弹出一个选择路径的对话框
js实现点击按钮弹出选择文件路径的对话框可以先创建一个file类型的input,然后通过监听按钮click事件打开file对话框,这样我们就可以选择文件路径了。
操作方法
- 01
在文件夹中创建一个html文件“ test”。
- 02
在test文件中添加一个html的框架。
- 03
添加两个input,一个是button,一个是file把id设置为“ open”style类型设置为“ display:none”不显示。
- 04
打开后我们发现只显示这一个“打开文件”按钮。
- 05
现在我们给button添加onclick事件,调用openfile触发id为“open”的file。
- 06
现在我们在浏览器中点击“打开文件”文件按钮就会弹出选择文件路径对话框。
赞 (0)