javascript - 在以 Angular 下载txt文件之前要求用户写文件名

Question

我正在尝试下载 txt 文件中的内容。 belwo是示例代码

download() {
let content = "Sample text";
saveAs(new Blob([content], { type: 'text/plain'}), 'sample.txt');

我正在使用文件保护库来下载内容。一切正常，但我需要打开浏览器弹出窗口，用户可以在下载文件之前写入/覆盖文件名，并选择目录以及用户将保存文件的位置。

我们将不胜感激任何帮助。

Answer 1

在点击按钮直接调用saveAs()函数下载内容之前，可能你可以调用一个提示获取名称，然后恢复其余部分。

download() {
    let filename = window.prompt('Please enter a name for your file', 'sample');
    let content = "Sample text";
    saveAs(new Blob([content], { type: 'text/plain'}), `${filename}.txt`);
}

或者为了更时尚，如果你使用Bootstrap，你可以使用modals ，或您自己的任何时尚模态。