js原生方式post请求下载zip文件

最新推荐文章于 2024-07-19 11:18:50 发布

youlinaixu

最新推荐文章于 2024-07-19 11:18:50 发布

阅读量4.9k

点赞数

分类专栏： vue js post请求下载文件

本文链接：https://blog.csdn.net/youlinaixu/article/details/89026227

版权

vue 同时被 3 个专栏收录

10 篇文章 0 订阅

订阅专栏

5 篇文章 0 订阅

订阅专栏

post请求

2 篇文章 0 订阅

订阅专栏

做vue后台项目的时候需要post请求向后台提交多数据，方法如下

let url = window.g.ApiUrl + '/file/export/info';
var xhr = new XMLHttpRequest();
xhr.open('post', url, true);
xhr.responseType = 'blob';
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function () {
	if (xhr.readyState == 4 && xhr.status == 200) {
          var name = xhr.getResponseHeader('Content-disposition');
          var filename = name.substring(20, name.length);
          var blob = new Blob([xhr.response]);
          let link = document.createElement('a');
          let url = URL.createObjectURL(blob);
          link.style.display = 'none';
          link.href = url;
          link.download = filename;
          document.body.appendChild(link);
          link.click();
        }
}
xhr.send(JSON.stringfy(this.selectlist));