前端POST请求下载文件

前端POST请求下载文件功能

下载接口没有设置权限-（例如：token，有些接口设计中需要在请求头中设置headers: {
“Content-Type”: ‘application/json;charset=utf-8’,
“Authorization”: token,
}）

// get请求最简单的下载文件的方式
location.herf = `https://xxxxxx.com/_modeltag/valuemodel/createExcel?id=20`

接口设置了相关的token，需要设置请求头时（或者下载文件的接口请求为POST方式）

// ajax请求使用axios，在请求头中设置
---------------------axios-----------------------------let baseURL = `https://xxxxxxx.com/_modeltag/valuemodel/`
const customizeAxios = axios.create({baseURL: baseURL,timeout: 10000,responseType: 'blob', // 注意responseType必须设置成blobheaders: {"Content-Type": 'application/json;charset=utf-8',"Authorization": token,},
});
---------------------axios---------------------------------------------------React----------------------------
// 事件触发
triggerDownLoadFile = id => {let params = {id,};customizeAxios.get('createExcel', { params }).then( res => {this.download(res.data, res)
})};download(data,response) {const type = response.headers['content-type']let contentDisposition = response.headers['content-disposition']let filename = decodeURI(contentDisposition.split('fileName=')[1] || contentDisposition.split('filename=')[1]);let BLOB = new Blob([data], { type: type });let url = window.URL.createObjectURL(BLOB);let link = document.createElement('a');link.style.display = 'none';link.href = url;link.setAttribute('download', filename)document.body.appendChild(link);link.click();}
----------------------React-------------------------

前端POST请求下载文件相关推荐

php post请求下载文件,POST请求下载文件
通过axios发送POST请求下载文件. 这时候的 Content-Type: application/json;charset=UTF-8 先贴axios({ method: 'post', ur ...
post请求下载文件(兼容IE)
post请求下载文件(兼容IE) 有时候由于下载文件的url携带的参数过多,导致整个url长度超过get请求的上限,这个时候需要更换为post请求,具体实现如下 function downLoadFi ...
【post请求下载文件流】如何使用post请求下载文件流 blob
最近有个需求,做文件的下载.其实下载没什么要特别说的,之前都是用的get请求,这次不同,后台用的post请求,返回的是数据流,这种post请求下载文件的方式倒是没怎么弄过.记录一下. 接口接口地址为 ...
jquery ajax post请求下载文件
第一次用ajax post请求下载文件 ,之前一直用vue的写,今天用同样方式发现是乱码,走了不少弯路,特此记录下方法 var outData = getData() //传参数据var url = ...
前端接收并下载文件流（blob对象）(word/.doc)
1 根据文件路径下载文件模板,前端拿到的是stream 文件流 2 将文件流下载下来第一步当然是写请求方法了,如下 //下载模板 export function download (params) ...
前端批量打包下载文件
最近有个需求需要前端批量打包文件的需求,然后经过搜索,使用到了 jszip 和 file-saver 这两个 js 插件. jszip 压缩插件,这个插件用起来个人觉得还算比较容易,官方文档下,仅仅需 ...
前端实现浏览器下载文件
在前端页面,有时候需要通过链接下载文件,一般直接通过a链接就可以,href设置成文件的路径,但是又的文件,如PDF.JPG等浏览器支持的文件,通过a链接会直接打开.为此查找到下面的方法: 在html5 ...
前端中关于下载文件问题
大部分文件下载都是在服务器放置好需要下载的资源,然后由服务器配置可以下载的文件类型,由系统去判断权限.如果文件比较小,不想通过系统去判断权限给出下载地址,如何在前端完成下载功能呢? 只需要将数据准备好 ...
js post请求下载文件
js 下载post请求的文件 /* content 文件二进制内容 fileName 文件名 */ downloadFile(content, fileName) {(fileName &&a ...
前端使用js-file-download下载文件和下载视频音频
一.下载文件(流) 1.安装js-file-download npm install js-file-download --save 2.在页面引入 import fileDownload from ...

前端POST请求下载文件

前端POST请求下载文件功能

前端POST请求下载文件相关推荐

最新文章

热门文章