解决a标签下载文件token验证问题
1.下载文件
let url = “localhost:8010/download”
var xhr = new XMLHttpRequest(); //定义http请求对象
xhr.open("GET", href, true);
xhr.setRequestHeader("token", 'ababababababab');
xhr.send();
xhr.responseType = "blob"; // 返回类型blob
xhr.onload = function() {
var blob = this.response;
var reader = new FileReader();
reader.readAsDataURL(blob);
reader.οnlοad=function (e) {
// 转换完成,创建一个a标签用于下载
var a = document.createElement('a');
a.download=fileName+".xlsx"; //自定义下载文件名称
a.href = e.target.result;
document.body.appendChild(a)
a.click();
}
}
2.下载图片
let url = “localhost:8010/download”
let imgBase64=" "var xhr = new XMLHttpRequest(); //定义http请求对象
xhr.open("GET", url, true);
xhr.setRequestHeader("token", 'abababababa');
xhr.send();
xhr.responseType = "blob"; // 返回类型blob
xhr.onload = function() {
if(this.status === 200){
var blob = this.response;
var reader = new FileReader();
reader.readAsDataURL(blob) // 转换为base64,可以直接放入a标签href
reader.onload = function(){
imgBase64 = reader.result
};
}else{
}
}
解决a标签下载文件token验证问题相关推荐
- 使用a标签下载文件,浏览器会直接打开解决方案
使用a标签下载文件,浏览器会直接打开解决方案 背景 一.HTML中的a标签实现点击下载 二.即使使用a标签的download属性,chrome浏览器还是会打开 三.解决方案 解决方案一:使用ajax请 ...
- js下载文件及前端使用a标签下载文件download属性失效问题
通常下载通过document.createElement创建虚拟a标签 function downloadFileUrl(val, url, fileName) {if (isVal) return ...
- a标签下载文件,js/jq创建a标签导出Excel文件
a标签下载文件,js/jq 创建a标签导出Excel文件 1.设置dom(html) <button type="button" class="layui-btn ...
- 解决Safari浏览器下载文件文件名称乱码的问题
解决Safari浏览器下载文件文件名称乱码的问题 参考文章: (1)解决Safari浏览器下载文件文件名称乱码的问题 (2)https://www.cnblogs.com/itsharehome/p/ ...
- 解决ff浏览器下载文件中文乱码问题
之前做的Word导出简历功能,前端点完要直接下载,遇到了ff浏览器下载时中文乱码的问题 function exportWord(id) {window.location.href = "/w ...
- A 标签下载文件 Header 中带上用于鉴权的 Token
加了统一鉴权以后,可能会把 A 标签下载的接口也给拦截了,但是 A 标签是无法带上 Token 的,本文将介绍如何让 A 标签支持像 Ajax 一样发送请求. 加了统一鉴权以后 如果把下载接口也拦截了 ...
- a标签下载文件header中带上用于鉴权的token
加了统一鉴权以后 如果把下载接口也拦截了 且前端使用的是a标签 可以用如下方法解决 替换调请求url和请求方式 , 方式一和方式二任意注释一个就可以运行了 方式1用的是原生的XmlHttpReque ...
- 解决a标签下载网络图片直接打开的问题,通过浏览器下载网络文件
因为公司用的分布式文件系统上传文件后返回的是 http文件路径,当文件是图片是,用a标签下载会直接打开而不是下载,所以找了下怎么通过浏览器下载远程服务器上的图片.网上大部分都是后台代码,现在把前端后台 ...
- a标签点击中文文件名乱码_a 标签下载文件并解决中文乱码问题
/** * 下载文件 * 文件名中不能包含可疑字符 * @return */ public String download() { response = getResponse(); request ...
- a标签下载文件,浏览器变打开预览的解决方案
前景: 处理接口返回的文件链接需要下载,例如http://xxxxx/xxx.jpeg,使用a标签进行下载时(加了download),浏览器对这些类型的文件可以解析,还会打开这个文件在浏览器上进行预览 ...
最新文章
- Gradify - 提取图片颜色,创建响应式的 CSS渐变
- 正则表达式匹配两个特殊字符中间的内容
- 客户永远是对的---我的理解:做事不要抱怨,别为失败找借口。
- UCHome风格模版 框架核心代码提取
- linux nfs用的用户权限,权限 – Linux特定用户安装NFS
- Cognos 8 错误及故障排除(转载)
- 剑指offer题目系列一
- FormData 上传文件
- 【LeetCode】【数组】题号:*661,图片平滑器
- 速锐得驾培驾考免接线OBD数据价值及发展思路
- clickhouse 入门介绍和预演
- sublime linux 中文 版,Linux 下 Sublime Text 3 中文输入 (Debian 系通用)
- Labelme对图像标注、json转化png格式
- iphone 升级后闪退
- CPen虚线无效问题
- 等级保护二、三、四级内容及对比
- oracle财务软件导出报表,OracleFusion财务会计中心报表云服务-UAO.PDF
- 美国虚拟主机空间是什么以及具有哪些特点?
- c++编写函数实现字符串中指定字符位置插入字符串
- 大数据挖掘技术在金融保险行业中的用途