无链接的JavaScript blob文件名

Question

function newFile(data) {
    var json = JSON.stringify(data);
    var blob = new Blob([json], {type: "octet/stream"});
    var url  = window.URL.createObjectURL(blob);
    window.location.assign(url);
}

我希望将文件名设置为my-download.json。

Answer 1

我所知道的唯一方法是filesaver.js使用的技巧：

1. 创建隐藏的标记。
2. 将其href属性设置为blob的URL。
3. 将其download属性设置为文件名。
4. 单击标记。

下面是一个简化的示例（jsfiddle）：

var saveData = (function () {
    var a = document.createElement("a");
    document.body.appendChild(a);
    a.style = "display: none";
    return function (data, fileName) {
        var json = JSON.stringify(data),
            blob = new Blob([json], {type: "octet/stream"}),
            url = window.URL.createObjectURL(blob);
        a.href = url;
        a.download = fileName;
        a.click();
        window.URL.revokeObjectURL(url);
    };
}());

var data = { x: 42, s: "hello, world", d: new Date() },
    fileName = "my-download.json";

saveData(data, fileName);

null