提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其他

当前栏目

Axios POST 下载文件；HTTP GET下载文件

文件 下载
2023-04-18 12:30:54 时间

1.遇到的问题

1）通过Post下载文件，发现服务网关（Kestrel）不允许添加响应头（未解决）

请求接口时候的配置：

    exportSchemeDetail(param) {
        return axios.postHeader('/you-api/', param, {
            headers: {
                'Content-Type': 'application/json-patch+json'
            },
            responseType: 'blob'
        });
    },

Axios修改（这里是转载的，忘记是谁写的了~）：

axios.interceptors.response.use(
        (response) => {
            window.app.$insProgress.finish();
            console.log(response.config)
            if(response.config && response.config.responseType == 'blob') {
                const blob = new Blob([response.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' }); //application/vnd.openxmlformats-officedocument.spreadsheetml.sheet这里表示xlsx类型
                console.log(response.headers['content-disposition'].split(';')[1])
                let filename = decodeURI(response.headers['content-disposition'].split(';')[1].split('filename*=UTF-8''')[1]);
                if ('download' in document.createElement('a')) {
                    const downloadElement = document.createElement('a');
                    let href = ''; 
                    if(window.URL) href = window.URL.createObjectURL(blob); 
                    else href = window.webkitURL.createObjectURL(blob); 
                　　 downloadElement.href = href;
                　　 downloadElement.download = filename; 
                　　 document.body.appendChild(downloadElement);
                　　 downloadElement.click(); 
                　　 if(window.URL) window.URL.revokeObjectURL(href); 
                    else window.webkitURL.revokeObjectURL(href); 
                    document.body.removeChild(downloadElement);
                    console.log(href)
                } else {
                    navigator.msSaveBlob(blob, filename);
                }
                return;
            }
    )}

2）通过Get下载文件，请求头参数过长，通过建立from表单提交，成功下载到文件

    let pa = {'xx': JSON.stringify(param)}
    for (var x in pa) { 
        var opt = document.createElement('textarea');      
        opt.name = x;      
        opt.value = pa[x];      
        temp_form .appendChild(opt);      
    }      
    document.body.appendChild(temp_form);
    // 提交表单      
    temp_form.submit();

后台添加响应头（Get可以添加响应头，Post就不可以添加）：

var fileName = HttpUtility.UrlEncode(string.Format("{0}_{1}", dowmFileName, DateTime.Now.ToString("yyyyMMddhhmmss")), System.Text.Encoding.UTF8);
Response.Headers.Add("Content-Disposition", string.Format("attachment; filename={0}.xls", fileName));

相关文章