js生成并下载txt文件,bib文件

注:以下方式对移动端浏览器不可用,仅针对pc端使用

方式一,以生成并下载txt为例

function downTxt() {
    let filename = "这是txt文件名称.txt"  //注意最好设置后缀.txt
    let value="这是txt文件的内容"
    let elem = document.createElement('a');  //创建a标签
    elem.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(value));  //设置下载文件内容
    elem.setAttribute('download', filename);  //设置下载文件名
    elem.style.display = 'none';  //设置a标签默认隐藏
    document.body.appendChild(elem);  //添加至dom层
    elem.click();  //执行点击下载事件
    document.body.removeChild(elem);  //使用下载后移除a标签
}

方式二,以生成并下载Bib文件为例

axios.get(`${api}/api-video/videoBib?vid=${this.vid}`).then(res=>{
    if(res.data.code==200){
        let blob = new Blob([res.data.data], {type: "application/json"});
        let fileUrl = window.URL.createObjectURL(blob);
        let elem = document.createElement("a");
        elem.setAttribute("href", fileUrl);
        elem.setAttribute("download",`${this.vtitle}.bib`);
        elem.style.display = 'none';
        document.body.appendChild(elem);
        elem.click();
        document.body.removeChild(elem);
   }else{
        console.log(res.data.msg)
    }
}).catch(err=>{})
posted @ 2021-07-28 09:47  huihuihero  阅读(579)  评论(0编辑  收藏  举报