JSON 文件在新选项卡中打开（我要下载）

Question

我有一个锚标记

<a target="_blank" href="./assets/.../sample.json" download="">Download Sample JSON</a>

如果我使用下载属性：它显示 - 失败/网络错误

如果我不使用下载属性：它会在新标签中打开.json

预期结果：.json 应该被下载

---

我还有另一个用于 CSV 的锚标记

<a target="_blank" href="./assets/.../sample.csv" download="">Download Sample CSV</a>

每次都能完美下载.csv。

Answer 1

您实际上无法下载这样的 JSON 文件。你需要一些javascript。所以添加

<a target="_blank" href="./assets/.../sample.json" download="" onClick="downloadJSON">Download Sample JSON</a>

然后在你的js文件或者你的html标签中添加：

  function downloadJSON(){

 var json = JSON.stringify(yourJSON);
 
        
        json = [json];
        var blobForYou = new Blob(json, { type: "application/JSON" });
         FileSaver.SaveAs(blobForYou);
}