美文网首页
利用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