使用 blob api 保存对象。如何？

【问题标题】：Save an object using blob api. How?使用 blob api 保存对象。如何？
【发布时间】：2020-07-13 14:45:25
【问题描述】：

如何使用Blob API 触发将对象作为 json 文件从本地到本地下载？

const obj = {

  prop1: 'val1',
  prop2: 'val2',
  prop3: 'val3',
  prop4: 'val4',

}

const blob = new Blob([JSON.stringify(obj, null, 2)], {type : 'application/json'});

...触发本地到本地下载为myObject.json

声明这没有任何作用？

【问题讨论】：

这有帮助吗？ stackoverflow.com/questions/25547475/…最后一个答案看起来像你正在尝试做的事情
您是在问如何将 obj 下载为 JSON 文件？如果是这样，请查看此 q/a：JavaScript blob filename without link

标签： javascript json

【解决方案1】：

执行此操作以获取 url。然后导航到它以下载文件。

let blobUrl = URL.createObjectURL(new Blob([JSON.stringify(obj, null, 2)], {type : 'application/json'}))

或者，如果您想立即下载（编辑：使用库）：

saveAs(new Blob([JSON.stringify(obj, null, 2)], {type : 'application/json'}), "myBlob"); // "myBlob" is the name of the file

【讨论】：

saveAs 似乎需要第三方库，仅供参考。
你说得对，我以为是原生的。第一个有用吗？生成并导航到 url？
确实如此。然而，第一个不允许文件命名。
@suchislife 是的，使用 FileSaver 可以节省一些时间，或者如果您不想要它，请查看此线程中的最后一条评论，了解如何命名文件并下载它（通过使用 blob再次）：stackoverflow.com/questions/25547475/…