美文网首页
利用a标签下载文件

利用a标签下载文件

作者: SY | 来源:发表于2022-01-17 17:04 被阅读0次
    pureAxios({
        methods:"GET",
        url:`http://127.0.0.1:8010/excel/readByUuid?uuid=${this.uuid}`,//后台请求地址
        responseType:"blob"    //   Blob对象
    }).then(res =>{
        console.log(res.data);
        const BLOB = res.data;//Blob表示一个不可变,原始数据类对象(File 接口都是基于Blob)
        FileReader.readAsDataURL(BLOB);//开始读取指定的Blob中的内容。一旦完成result属性中共将包含一个data:URL格式的Base64字符串以表示所读取文件的内容
        FileReader.onload = (event) => { //处理load事件
           let a = document.createElement('a');
           a.download = `数据.xlsx`;
           a.href = event.target.result;
           document.body.appendChild(a);
           a.click();
           document.body.removeChild(a); 
        }
    })
    .catch((error) => {
        this.$notification.error({
            message:this.$t("ERRORMESSAGE"),
            description:error.message
        })
    })
}

相关文章

网友评论

      本文标题:利用a标签下载文件

      本文链接:https://www.haomeiwen.com/subject/sfgchrtx.html