(参考某道友JavaScript写法)
在H5中,“a” 标签新增了“download”属性,可以将字符串转化为Blob对象,再通过URL.createObjectURL(blob);将Blob转换为“a”标签的href,具体实现如下(angular2+写法):
TS方法:
/**
* 前端将字符串以文件形式导出
* @param content 文件内容字符串
* @param filename 文件名
*/
funDownload(content, filename) {
const eleLink = document.createElement('a');
eleLink.download = filename;
eleLink.style.display = 'none';
const blob = new Blob([content]);
eleLink.href = URL.createObjectURL(blob);
document.body.appendChild(eleLink);
eleLink.click();
document.body.removeChild(eleLink);
}
/**
* 导出文件按钮
*/
downloadXmlFile() {
this.funDownload(“需要导出的内容”, “文件名”);
}
HTML:
<button (click)="downloadXmlFile()">导出</button >
点击导出后,将自动下载文件。测试浏览器chrome,其他浏览器未亲测,有兴趣的可以自己试试。