有时候需要下载一些信息,而后端却又不给我提供接口。我们就可以采用下面的方式,将一些信息保存下载到一个txt文件中使用。下面我们提供两种下载txt的方式。
一、采用a标签的download属性实现下载
通过a标签指定文本格式和编码直接下载
/*
* fileName: txt文件名称
* content:文件内容(string)
*/
function downloadTxt(fileName, content) {
let a = document.createElement('a');
a.href = 'data:text/plain;charset=utf-8,' + content
a.download = fileName
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
}
二、通过文件流的形式下载
通过FileReader转化为base64字符串下载
function downloadTxt(fileName, content) {
let blob = new Blob([content], {
type: "text/plain;charset=utf-8"
});
let reader = new FileReader();
reader.readAsDataURL(blob);
reader.onload = function(e) {
let a = document.createElement('a');
a.download = fileName;
a.href = e.target.result;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
}
}
function downloadTxt(fileName, content) {
let blob = new Blob([content], {
type: "text/plain;charset=utf-8"
});
let reader = new FileReader();
reader.readAsDataURL(blob);
reader.onload = function(e) {
let a = document.createElement('a');
a.download = fileName;
a.href = e.target.result;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
}
}