用js如何实现点击按钮弹出一个选择路径的对话框

作者:wendy | 创建时间: 2023-05-22
js实现点击按钮弹出选择文件路径的对话框可以先创建一个file类型的input,然后通过监听按钮click事件打开file对话框,这样我们就可以选择文件路径了。...
用js如何实现点击按钮弹出一个选择路径的对话框

操作方法

在文件夹中创建一个html文件“ test”。

在test文件中添加一个html的框架。

添加两个input,一个是button,一个是file把id设置为“ open”style类型设置为“ display:none”不显示。

打开后我们发现只显示这一个“打开文件”按钮。

现在我们给button添加onclick事件,调用openfile触发id为“open”的file。

现在我们在浏览器中点击“打开文件”文件按钮就会弹出选择文件路径对话框。

点击展开全文

更多推荐