前端创建并下载文件

more 利用 HTML5 原生的 download 属性来下载文本信息

代码如下:

 1/**
 2 * 前端创建并下载文件
 3 * @param {String} content 文件内容
 4 * @param {String} filename 文件名称
 5 * @param {String} MIME
 6 * MIME类型参考手册 http://www.w3school.com.cn/media/media_mimeref.asp
 7 */
 8export function downloadFile (content, filename, MIME = 'application/octet-stream') {
 9  // 创建隐藏的可下载链接
10  const eleLink = document.createElement('a')
11  eleLink.download = filename
12  eleLink.style.display = 'none'
13
14  // 字符内容转变成blob地址
15  const blob = new Blob([content], { type: MIME })
16  eleLink.href = URL.createObjectURL(blob)
17
18  // 触发点击事件,然后移除
19  document.body.appendChild(eleLink)
20  eleLink.click()
21  document.body.removeChild(eleLink)
22}

其中,参数 content 指需要下载的文本或字符串内容,filename 指下载到系统中的文件名称。

代码来源: JS前端创建html或json文件并浏览器导出下载