前端创建文件,并写入自定义内容下载

2022-01-24 16:12:58 浏览数 (2)

创建一个a标签,往a标签里增加href 与download 属性

herf里 需要写入文件的MIME, 文件所对应的MIME 可以查看我的另一篇博客 完整的 mime type 列表 这个属性规定文件的格式是否正常, encodeURIComponent 是用于转化文件内容的.

download属性可以设置下载的文件名

此方法在chrome上测试正常。 最新版的火狐也可以

代码语言:javascript复制
function createAndDownYaml(content) {
  const element = document.createElement('a')
  element.setAttribute('href', 'data:application/x-yaml;charset=utf-8,'   encodeURIComponent(content))
  element.setAttribute('download', 'pmc.yml')
  element.style.display = 'none'
  element.click()
}

0 人点赞