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

Question

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

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

<input type="button" /> 我现在遇到的问题是，弹出文件选择框点击确定后，无法得到文件路径和文件名。

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

Answer 1

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

在使用 <input type="file" /> 元素时，你可以设置 accept 属性来限制只能选择特定类型的文件，例如：

<input type="file" /> 这样就可以弹出系统文件选择框，并限制只能选择 .txt 类型的文件。

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

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