js download csv file

[jackPanyj]

以前这种下载都是后端弄好的，我只要去请求一个地址链接就可以下载文件了。

不过前端有了download属性后也可以下载csv文件了。

function generateAndDownloadCsv (str) {
  str = encodeURIComponent(str)
  var link = document.createElement('a')
  link.setAttribute('href', `data:text/csvcharset=utf-8,${str}`)
  link.setAttribute('download', 'name.csv')
  document.body.appendChild(link)
  link.click()
  document.body.removeChild(link)
}

代码也没什么可解释的。主要是download这个属性的兼容性.

当然，将href直接指向服务器的一个资源也是可以点击下载的。