美文网首页
2018-06-12 axios 实现文件流下载

2018-06-12 axios 实现文件流下载

作者: 小飞侠zzr | 来源:发表于2018-06-12 09:13 被阅读0次

    this.$ajax.get(/api/api/Sms/GetSalarySmsExcel,
    {responseType: 'arraybuffer'}
    ).then(response => {
    if (response.status == 200) {
    let blob = new Blob([response.data], {type:"application/vnd.ms-excel"});
    let link = document.createElement('a');
    link.href = window.URL.createObjectURL(blob);
    link.download = "工资短信";
    link.click();
    }
    })

    这里用的是get方式请求的 post也是一样的。
    response.data 是后台返回的文件流
    大致原理就是在页面上创建一个a标签动态 并触发点击事件实现文件的下载
    link.download = "工资短信"; 实现的是下载文件的标题重写。
    此方法要求后台对编码格式进行设置,统一设置成 utf - 8 即可。

    相关文章

      网友评论

          本文标题:2018-06-12 axios 实现文件流下载

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