Blob 是一種二進制數據類型對象,常用于處理二進制數據。我們可以使用 JavaScript Blob 對象下載 JSON 數據。
首先,我們需要將 JSON 數據轉換成 Blob 對象。可以使用 Blob 構造函數,在第一個參數中傳入 JSON 字符串和第二個參數表示數據類型:
const jsonData = { "name": "John", "age": 30 };
const blobData = new Blob([JSON.stringify(jsonData)], { type: "application/json" });
下面我們就可以將 Blob 對象下載到本地。常用的方式是創建一個 a 標簽,設置 href 屬性為 Blob 對象 URL,設置 download 屬性為文件名,然后觸發點擊事件:
const a = document.createElement("a");
a.href = URL.createObjectURL(blobData);
a.download = "data.json";
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
以上代碼會在頁面上創建一個不可見的 a 標簽,然后模擬點擊觸發下載。需要注意的是,創建 Blob URL 后需要在下載完成后調用 URL.revokeObjectURL() 方法,釋放資源。
上一篇idew vue