前端创建并下载文件
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
指下载到系统中的文件名称。