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);
}

JSON 文件在新标签页中打开（我要下载）

JSON file opens in new tab (I want to download)

html

json

google-chrome

download