发送post请求下载文件
来源:互联网 发布:阿里云服务器类型 编辑:程序博客网 时间:2024/05/16 09:38
发送post请求下载文件
先说一下背景:这是一个以vue作为框架并用Axios来发送http请求的项目。我想要实现用axios来发送post请求,然后服务器会返回的response是一个文件流,我希望能将这个文件流写入excel,从而实现该excel文件的下载。
在网上查阅了相关资料后,我在Axios官方文档给出的一个不大完整的示例中看到一种基于node原生模块fs的处理方案,我考虑到是否可以采用这种方式来处理我接受到的文件流,可是经过尝试,发现行不通。
以下是我亲试可以实现的一种方案:
exportData () { const form = this.getSearchForm() // 要发送到后台的数据 axios({ // 用axios发送post请求 method: 'post', url: '/user/12345', // 请求地址 data: form, // 参数 responseType: 'blob' // 表明返回服务器返回的数据类型 }) .then((res) => { // 处理返回的文件流 const content = res const blob = new Blob([content]) const fileName = '测试表格123.xls' if ('download' in document.createElement('a')) { // 非IE下载 const elink = document.createElement('a') elink.download = fileName elink.style.display = 'none' elink.href = URL.createObjectURL(blob) document.body.appendChild(elink) elink.click() URL.revokeObjectURL(elink.href) // 释放URL 对象 document.body.removeChild(elink) } else { // IE10+下载 navigator.msSaveBlob(blob, fileName) } }) }
这里用了Blob对象,上面的写法就是用从服务器接收到的文件流(content-type:application/octet-stream)创建了一个blob对象,并使用该blob 创建一个指向类型数组的URL,将该url作为a标签的链接目标,然后去触发a标签的点击事件从而实现表格下载。
上文为本人的个人小结,如有错误遗漏,欢迎指正:)
阅读全文
1 0
- 发送post请求下载文件
- js发送post请求下载文件
- Post请求下载文件
- C#发送post请求支持发送文件
- okhttp3封装 get post 请求 下载上传文件 Post请求发送JSON数据 判断下载目录是否存在......并返回绝对路径 从下载连接中解析出文件名
- 利用HttpURLConnection发送post请求上传文件
- 利用HttpURLConnection发送post请求上传文件
- 利用HttpURLConnection发送post请求上传文件
- php模拟post请求发送文件
- Java发送Post请求上传文件
- 使用js发送post参数下载文件
- IWebBrowser2 发送post请求
- WebClient发送POST请求
- android发送post请求
- Httpclient发送POST请求
- .NET发送POST请求
- IWebBrowser2 发送post请求
- httpClient发送post请求
- Android程序调用QQ的接口方法
- 购物车程序
- Java多态
- 深入理解java对象的创建过程:类的初始化和实例化
- php时间函数
- 发送post请求下载文件
- solidworks 2016 crack
- 生成元
- panic: interface conversion: interface {} is nil, not chan *sarama.ProducerError
- win10 ubuntu16 双系统,无法grb引导的解决
- lower_bound和upper_bound算法
- Java中outer标签的用法
- Linux—给普通用户sudo权限
- 第三课 Netty客户端