这是一个很好的简单的解决方法。

function downloadBloob(blob,FileName) {
    var link = document.createElement("a"); // Or maybe get it from the current document
    link.href = blob;
    link.download = FileName;
    link.click();
}

晚了，但因为我遇到了同样的问题，我添加了我的解决方案:

function newFile(data, fileName) {
    var json = JSON.stringify(data);
    //IE11 support
    if (window.navigator && window.navigator.msSaveOrOpenBlob) {
        let blob = new Blob([json], {type: "application/json"});
        window.navigator.msSaveOrOpenBlob(blob, fileName);
    } else {// other browsers
        let file = new File([json], fileName, {type: "application/json"});
        let exportUrl = URL.createObjectURL(file);
        window.location.assign(exportUrl);
        URL.revokeObjectURL(exportUrl);
    }
}

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

创建一个hidden <a>标签。 将其href属性设置为blob的URL。 将其下载属性设置为文件名。 单击<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代替。

笔记

旧的浏览器不支持“download”属性，因为它是HTML5的一部分。 某些文件格式被浏览器认为是不安全的，下载失败。保存JSON文件与txt扩展为我工作。

我只是想扩展对Internet Explorer(无论如何，大多数现代版本)的支持，并使用jQuery整理代码:

$(document).ready(function() {
    saveFile("Example.txt", "data:attachment/text", "Hello, world.");
});

function saveFile (name, type, data) {
    if (data !== null && navigator.msSaveBlob)
        return navigator.msSaveBlob(new Blob([data], { type: type }), name);
    var a = $("<a style='display: none;'/>");
    var url = window.URL.createObjectURL(new Blob([data], {type: type}));
    a.attr("href", url);
    a.attr("download", name);
    $("body").append(a);
    a[0].click();
    window.URL.revokeObjectURL(url);
    a.remove();
}

这里有一个例子。祝成功。

原理与上面的解决方案相同。但是我使用Firefox 52.0(32位)时遇到了问题，其中大文件(>40 MBytes)在随机位置被截断。重新调度revokeObjectUrl()的调用可以修复此问题。

function saveFile(blob, filename) {
  if (window.navigator.msSaveOrOpenBlob) {
    window.navigator.msSaveOrOpenBlob(blob, filename);
  } else {
    const a = document.createElement('a');
    document.body.appendChild(a);
    const url = window.URL.createObjectURL(blob);
    a.href = url;
    a.download = filename;
    a.click();
    setTimeout(() => {
      window.URL.revokeObjectURL(url);
      document.body.removeChild(a);
    }, 0)
  }
}

jsfiddle例子

这就是我的解。在我看来，你不能绕过<a>。

函数export2json() { Const data = { 答:“111”, 乙:“222”, c:“333” }; const a = document.createElement("a"); a.href = URL.createObjectURL( 新团([JSON。Stringify (data, null, 2)]， { 类型:“application / json” }) ）; a.setAttribute(“下载”,“data.json”); document.body.appendChild(一个); a.click (); document.body.removeChild(一个); ｝ <按钮onclick = " export2json ()>导出数据到json文件</button>