axios下载文件

/****
 * 发送请求参数
 * @param _url 请求地址
 * @param _headers 请求头
 * @param _method 请求类型(get、post【、put、delete...】)
 * @param _data 请求体参数
 * @param _params url参数
 */
 
axios.request({
    url: _url,
    headers: _headers,
    method: _method,
    data: _data,
    params: _params,
    responseType: 'blob'
}).then(function (response) {
    var data = response.data;
    var xhr = response.request;

    var contentType = xhr.getResponseHeader("Content-Type");
    var type = contentType.split(';');

    if (type != null && type.length > 0 && type[0].toLowerCase() == "application/json") {
        if (data && data.toString() == "[object Blob]") {
            var downloadurl = window.URL.createObjectURL(data);
            var fileName = '下载文件.txt';
            var contentDisposition = xhr.getResponseHeader("Content-Disposition");
            if (contentDisposition) {
                var respcds = contentDisposition.split(";")
                for (var i = 0; i < respcds.length; i++) {
                    var header = respcds[i];
                    if (header != null && header != "") {
                        var headerValu = header.split("=");
                        if (headerValu != null && headerValu.length > 0) {
                            var _hdvalue = headerValu[0];
                            if (_hdvalue != null && _hdvalue != undefined && _hdvalue != "") {
                                if (_hdvalue.toLowerCase() == "filename") {
                                    //对filename进行decode处理,防止出现中文的情况
                                    fileName = decodeURIComponent(headerValu[1]);
                                }
                            }
                        }
                    }
                }
            }
            const aDom = document.createElement('a');
            aDom.setAttribute('style', 'display: none');
            aDom.href = downloadurl;
            aDom.setAttribute('download', fileName);
            (document.body || document.documentElement).appendChild(aDom);
            aDom.click();// 设置点击事件
            aDom.remove(); // 移除a标签
        } else {
            console.log('意外数据类型');
        }
    } else {
        console.log('json 数据不作处理');
    }

}).catch( function(error) {
    console.log(error)
})


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值