• post 下载二进制pdf文件


    vue的axios下载excel时,获取不到Content-Disposition内容,提取文件名

    function postDownload(downloadUrl, params, contentType, callback){
    let headers = {
    'Content-Type': contentType
    };
    axios(
    {
    method: "post",
    url: downloadUrl,
    data: params,
    headers: headers,
    responseType: "blob", // 指定获取数据的类型为blob
    }
    ).then(
    function (response) {
    console.log(response);
    // 前提是服务端要在header设置Access-Control-Expose-Headers: Content-Disposition
    // 前端才能正常获取到Content-Disposition内容
    const disposition = response.headers['content-disposition'];
    let fileName = disposition.substring(disposition.indexOf('filename=') + 9, disposition.length);
    // iso8859-1的字符转换成中文
    fileName = decodeURI(escape(fileName));
    // 去掉双引号
    fileName = fileName.replace(/"/g, "");
    const content = response.data;
    console.info("rep:", disposition);
    console.info("fileName:", fileName);
    // 创建a标签并点击, 即触发下载
    let url = window.URL.createObjectURL(new Blob([content]));
    let link = document.createElement("a");
    link.style.display = "none";
    link.href = url;
    link.setAttribute("download", fileName);
    //link.download = "测试下载文件.xls"
    // 模拟
    document.body.appendChild(link);
    link.click();
    // 释放URL 对象
    window.URL.revokeObjectURL(link.href);
    document.body.removeChild(link)
    }
    ).catch(function (err) {
    console.log(err)
    })
    }
    这个语句获取不到

    const disposition = response.headers['content-disposition'];
    最后找到了解决方法:
    只需要在服务器端返回response的header里面设置

    Access-Control-Expose-Headers: Content-Disposition
    ————————————————
    版权声明:本文为CSDN博主「不屑哥」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/fuck487/article/details/105122538/

  • 相关阅读:
    关于silverlight打印模糊的问题
    Microsoft Office Excel 不能访问文件及COM无法访问
    IE8 下 select option 内容过长 , 展开时信息显示不全解决办法
    如何用css做一个细虚线边框表格
    DIV 垂直 垂直水平 居中
    Ul li 横排 菜单
    对原生js的一些小尝试
    Nodejs学习笔记——Assert(断言)
    Octopress创建GitHub Pages——基于代码托管的静态博客
    JS倒计时器一只,顺便复习javascript时间相关函数
  • 原文地址:https://www.cnblogs.com/wsj1/p/14524212.html
Copyright © 2020-2023  润新知