html 如何弹出系统文件保存对话框

我需要弹出一个系统文件选择框,输入一个新的文件名,然后点击"OK"按键。

onclick="window.location.href='data:Application/octet-stream;content-disposition:attachment;filename=file.txt,${details}'

我现在遇到的问题是,弹出文件选择框点击确定后,无法得到文件路径和文件名。

请问怎么才能得到这些信息呢?

如果你想弹出一个系统文件选择框,输入一个新的文件名,并点击“OK”按钮来下载文件,可以使用 HTML 的 元素来实现。

在使用 元素时,你可以设置 accept 属性来限制只能选择特定类型的文件,例如:

这样就可以弹出系统文件选择框,并限制只能选择 .txt 类型的文件。

当用户选择文件并点击“OK”按钮后,你可以使用 JavaScript 的 FileReader 类来读取文件内容,然后通过 ajax 请求将文件内容发送到服务器,服务器端保存文件。

注意:浏览器的同源策略限制了 ajax 请求的使用范围,所以在发送 ajax 请求时需要注意避免

这个我试过,只能用来选择一个文件, 如果在文件对话框输入一个新文件时,点击“OK"会报”文件不存在“的错,这个我试了好久,貌似解决不了。 所以只能选”window.location.href"这种方式。
或者我使用上还有什么错误的地方吗?