HTML弹窗获取当前选择的路径并显示

html的问题，想要写个按钮实现以下功能
1、 点击跳出弹窗
2、 用户选择完成点击确定后，获取到当前用户选择的路径
3、 并将路径显示在页面
时刻蹲答复，若问题解决，必采纳

img

img

  1. 弹框是文件选择的弹框吗？
  2. 绑定文件上传 onchange 监听事件，从文件对象中获取 文件路径，文件名
  3. 将文件路径设置给 页面

https://blog.csdn.net/ling_lang/article/details/118333513

html 的input是无法获取路径的，只能获取选择的文件名。 如果利用electron是可以的

const {canceled, filePaths} = await dialog.showOpenDialog();

filePaths 就是选择的路径， 再通讯传到前端显示即可