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

时间:2024-10-12 01:41:55

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

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

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

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

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

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

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

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

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

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

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

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