javascript - 使用文件名保存文件 Javascript

Question

这个问题已经有答案了:

Is there any way to specify a suggested filename when using data: URI? (17 个回答)

已关闭 7 年前。

我正在使用纯 Javascript 开发文本编辑器。我希望当用户单击“保存”按钮时，编辑器会下载文件。我已经部分工作了:

uriContent = "data:application/octet-stream," + encodeURIComponent(codeMirror.getValue());
newWindow=window.open(uriContent, 'filename.txt');

文件已下载，但问题是该文件名为“download”。

问题:我怎样才能将文件名更改为我想要的任何名称，例如 filename.txt ？

Answer 1

将“保存”按钮替换为 anchor 链接，并动态设置新的下载属性。适用于 Chrome 和 Firefox:

var d = "ha";
$(this).attr("href", "data:image/png;base64,abcdefghijklmnop").attr("download", "file-" + d + ".png");

这是一个工作示例，其名称设置为当前日期:http://jsfiddle.net/Qjvb3/

这里是下载属性的兼容性表:http://caniuse.com/download