javascript - 在内存中生成下载文件供用户下载，文件名用户设置

Question

我正在使用 javascript 生成文件供用户下载，如下所示:

<a href="data:application/octet-stream;charset=utf-8;base64,Zm9vIGJhcg==">text file</a>

我需要的是获取用户在保存文件时设置的文件名，以便我可以在我的网站上显示它。

我怎样才能做到这一点？

Answer 1

简单的答案是:你不能。

复杂的答案是:

您可以创建一个脚本来由用户预先设置文件名。只需创建一些弹出窗口或提示，您将在其中要求命名该文件。之后，您可以通过 JavaScript 编辑下载属性，用户将下载具有该名称的文件。 (如果他不在下载对话框中更改它)像这样:

var fileName = prompt("Please name your file", "OriginalFileName"),
fileLink = document.getElementById('file');
if(fileName!= null){
  fileLink.download = fileName;
  fileLink.innerHTML = fileName;
}

<a download='OriginalFileName' id="file" href="data:application/octet-stream;charset=utf-8;base64,Zm9vIGJhcg==">text file</a>

https://jsfiddle.net/6o2fxcvd/1/ 上的实例