前端本地导出文件 导出txt sql （简版版的字符串案例）

1.首页明确要导出的根据 一般有图片 excel  文字。针对不同的文件类型 配置不同的参数

2.知识点 Blob          URL.createObjectUrl           

new Blob( array, options )

 

URL.createObjectUrl(object)

 

 

 3.代码示例

let url = URL.createObjectURL(new Blob(["需要导出的文字"]))

let a = document.createElement('a');

a.href =url 

a.download = '文件名.txt'

document.body.appendChild(a); a.click();

这个url就要下载的地址 

 

另外附两种其他下载方式 

     //通过a标签指定文本格式和编码直接下载
           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 downloadByBlob (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);
                }
            }