用文件名保存文件Javascript [重复]

Question

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

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

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

问题：如何将文件名更改为我想要的任何名称，例如filename.txt？

Answer 1

function saveAs(uri, filename) {
    var link = document.createElement('a');
    if (typeof link.download === 'string') {
        document.body.appendChild(link); // Firefox requires the link to be in the body
        link.download = filename;
        link.href = uri;
        link.click();
        document.body.removeChild(link); // remove the link when done
    } else {
        location.replace(uri);
    }
}

Answer 2

用锚链接替换您的“保存”按钮并动态设置新的download 属性。适用于 Chrome 和 Firefox：

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

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

这里是downloadattribute 的兼容性表：http://caniuse.com/download

Answer 3

像这样使用filename 属性：

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

编辑：

显然，没有可靠的方法来做到这一点。见：Is there any way to specify a suggested filename when using data: URI?