當我們在使用Blob流文件預覽JSON文件時,可以按照以下步驟進行操作:
const blob = new Blob([json], {type: 'application/json'}); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'filename.json'; a.click();
代碼中使用Blob方法將JSON數據存儲為Blob對象,然后通過createObjectURL方法將Blob對象轉換為可下載的URL。接著,創建一個a元素,并設置其href為url和download為要保存的文件名。最后,調用a元素的click()方法即可在瀏覽器中預覽JSON文件。
另外,我們也可以使用第三方庫如JSON Formatter來美化和顯示JSON數據。
const container = document.getElementById('json-container'); const formatter = new JSONFormatter(json); container.appendChild(formatter.render());
此代碼將JSON數據傳遞給JSONFormatter,并插入渲染后的HTML元素容器中,以在頁面上顯示美化的JSON文件。