如何把 json 数据转化为 demo.json 并下载文件

在开发过程中, 遇到过半路接手项目,但是数据比较复杂, 想要看看时,如果只是console 在控制台, 看起来比较费劲,想着能将json 下载出来, 就好了。

于是可以:
有俩种方法

function download (url, name) {
    
    
  const a = document.createElement('a')
  a.download = name
  a.rel = 'noopener'
  a.href = url
  // 触发模拟点击
  a.dispatchEvent(new MouseEvent('click'))
  // 或者 a.click()
}

const json = {
    
    
  a: 3,
  b: 4,
  c: 5
}
const str = JSON.stringify(json, null, 2)

// 方案一:Text -> DataURL
const dataUrl = `data:,${
      
      str}`
download(dataUrl, 'demo.json')

// 方案二:Text -> Blob -> ObjectURL
const url = URL.createObjectURL(new Blob(str.split('')))
download(url, 'demo1.json')

猜你喜欢

转载自blog.csdn.net/Beth__hui/article/details/109959204
今日推荐