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>

其每次都完美地下载CCD_ 2。

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