美文网首页
vue 下载文件

vue 下载文件

作者: 小米和豆豆 | 来源:发表于2021-09-26 09:25 被阅读0次

    接口调用成功之后核心逻辑 注意接口请求时 设置responseType: 'blob'

        var blob = new Blob([res.data], { 'content-type': 'application/octet-stream;charset=utf-8'});
        var contentDisposition = res.headers["content-disposition"];
        console.log(contentDisposition)
        let newfileName = '';
        if (contentDisposition) {
          newfileName = decodeURI(contentDisposition.split('=')[1]);
          fileName = newfileName;
        }
        var a = document.createElement('a');
        var url = window.URL.createObjectURL(blob);
        a.href = url;
        a.download = filename;
        var body = document.getElementsByTagName('body')[0];
        body.appendChild(a);
        a.click();
        body.removeChild(a);
        window.URL.revokeObjectURL(url);
    

    相关文章

      网友评论

          本文标题:vue 下载文件

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