首页 > 移动平台 > 详细

axios 文件下载代码 片段

时间:2019-09-03 12:10:34      阅读:88      评论:0      收藏:0      [点我收藏+]
<script type="text/javascript">
            axios({
                method:‘post‘,
                url: ‘url‘,
                // 最好qs.stringify,不然接口易报错400
                data: {},
                // blob类文件对象
                responseType: ‘blob‘
            }).then(res => {
                let blob = new Blob(res.data,{
                    // 若是excel的话 需要设置下面的type
                    type: ‘application/vnd.ms-excel‘
                });
                let link = document.createElement(‘a‘);
                link.href = window.URL.createObjectURL(blob);
                // 文件名
                let filename = res.headers;
                filename = filename[‘content-disposition‘];
                if (filename && filename.length > 0) {
                    filename = filename.split(‘:‘)[1].split(‘filename=‘)[1];
                } else{
                    filename = ‘写死的名字.exls‘
                }
                link.download = filename;
                link.click()
            })
        </script>

 注意,想要获取headers中content-disposition的数据,服务端要加一个:

 context.Response.Headers.Add("Access-Control-Expose-Headers", "Content-Disposition");

 

axios 文件下载代码 片段

原文:https://www.cnblogs.com/mengfangui/p/11452053.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!