没有链接的JavaScript Blob文件名

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

1. 创建一个隐藏

   <a>

   标签。
2. 将其

   href

   属性设置为Blob的URL。
3. 将[

   download

   属性设置为文件名。
4. 点击

   <a>

   标签。

这是一个简化的示例（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);

我写这个例子只是为了说明这个想法，在生产代码中使用FileSaver.js代替。

笔记

• 较旧的浏览器不支持“下载”属性，因为它是HTML5的一部分。
• 浏览器认为某些文件格式不安全，下载失败。保存带有txt扩展名的JSON文件对我而言有效。