js通过请求接口下载文件

这里写自定义目录标题

说明

说明

在开发项目中，我们经常会碰到，后端给出的接口，前端需要在触发那一刻请求接口，直接下载文件。下面直接列出下载文件流的代码

let token=local.get("token",null); // 通过自己项目的方式，拿到token
let init = {method: 'POST',mode: 'cors',cache: 'no-cache',headers:{'Content-Type': "application/json",'X-Token': token},// 此处的list是请求接口需要的传参，根据自己项目接口情况来写body: JSON.stringify(list)
};
// api/api/api 为请求的接口
fetch("api/api/api", init).then((response) => {return response.blob();
}).then(mydata => {let url = window.URL.createObjectURL(mydata);let a = document.createElement("a");a.href = url;// 将文件流转换为excel, excel文件名以当前下载时间命名a.download = `${moment().format("YYYYMMDDHHmmss")}.xls`;if (document.all) {a.click();} else {let evt = document.createEvent("MouseEvents");evt.initEvent("click", true, true);a.dispatchEvent(evt);}// 此处可写入请求成功时项目相关功能的处理
}).catch((error) => {// 接口请求失败时，错误提示信息可在此处弹出
});

js通过请求接口下载文件相关推荐

Vue项目：js模拟点击a标签下载文件并重命名，URL文件地址下载方法、请求接口下载文件方法总结。
URL文件地址下载方法一.正常情况下,我们都如此下载文件并修改文件名,在a标签上面添加download属性 //文件下载downFile() {if ('download' in document. ...
2021-09-07-OSB学习（接口下载文件--流）
OSB学习(接口下载文件[流的形式]) 什么是使用流文件传输 1.我们要干什么 2.接口开发 2.1.控制台通过执行PL显示流文件信息 2.1.1.创建基本的目录结构 2.1.2.打开项目,然后创建B ...
使用JS自动从服务器端下载文件到本地
1.文件下载页面用来显示要下载的文件数量和大小,以及总文件大小.数据展示这里就不贴了,就贴后面需要用到的三个弹出层吧:遮罩层.文件下载提示框.下载完成弹出框.  & ...
ajax发送请求不能下载文件，浏览器输出乱码及解决方式
最近做导出excel文件,怎么写下载的时候都是在浏览器输出的码,然后就想到是不是ajax请求不能直接请求下载文件,果然是这样. ajax不能请求下载文件的原因: 因为response原因,一般请求浏览 ...
linux curl 命令 http请求、下载文件、ftp上传下载
1. curl 命令简介 cURL(CommandLine Uniform Resource Locator),是一个利用 URL 语法,在命令行终端下使用的网络请求工具,支持 HTTP.HTTPS. ...
在unity 中，使用http请求，下载文件到可读可写路径
在这里我用了一个线程池,线程池参数接收一个带有object参数的,无返回值的委托 ,下载用到的核心代码,网上拷贝的,他的核心就是发起一个web请求,然后得到请求的响应,读取响应的流剩下的都是常见的I ...
使用 JS 访问服务器地址实现下载文件
参考代码直接 JS 方法下载 /*====================下载文件 * options:{ * url:"",// 下载地址 * data:{name: valu ...
ajax请求无法下载文件
原因 ajax的返回值类型是json,text,html,xml类型,或者可以说ajax的接收类型只能是string字符串,不是流类型,所以无法实现文件下载.但用ajax仍然可以获得文件的内容,该文件 ...
Python接口下载文件
#!/usr/bin/env python # -*- coding: utf-8 -*- # @Author : shenqiang''' 注意:定义类的时候,内部方法之间的互调步骤: 1.按照流 ...
swagger knife4j 解决接口下载文件响应乱码问题
** 在@ApiOperation注解中加上produces = "application/octet-stream" ** 添加效果如图所示: @ApiOperation(val ...

js通过请求接口下载文件

这里写自定义目录标题

说明

js通过请求接口下载文件相关推荐

最新文章

热门文章