文档章节

解决跨域下a标签的download不生效问题

BryanYang
 BryanYang
发布于 2017/10/30 19:41
字数 95
阅读 6.1K
收藏 0
<Button
              onClick={()=> {
                  const oReq = new XMLHttpRequest();
                  oReq.open('GET', '//pricing.daily.alibaba-inc.com/monitor/eventListExcel.json', true);
                  oReq.responseType = 'arraybuffer';
                  oReq.withCredentials = true;
                  oReq.onload = function () {
                    const arrayBuffer = oReq.response; // Note: not oReq.responseText
                    if (arrayBuffer) {
                      const byteArray = new Uint8Array(arrayBuffer);
                      const aLink = document.createElement('a');
                      const blob = new Blob([byteArray], { type: 'application/vnd.ms-excel' });
                      let fileName = '报警通知结果.xls';

                      aLink.download = fileName;
                      aLink.href = URL.createObjectURL(blob);
                      aLink.target = '_blank';
                      aLink.className="J_notOpenInContainer";
                      document.body.appendChild(aLink);
                      aLink.click();
                    }
                  };
                  const form = new FormData();
                  form.append('_scm_token_', window._scm_token_);
                  oReq.send(form);
            
              }}
              params={ this.getQueryData()} >导出</Button>

 

© 著作权归作者所有

BryanYang
粉丝 16
博文 165
码字总数 52036
作品 0
石景山
程序员
私信 提问
加载中

评论(0)

解决js跨域问题

如何解决js跨域问题 Js跨域问题是web开发人员最常碰到的一个问题之一。所谓js跨域问题,是指在一个域下的页面中通过js访问另一个不同域下 的数据对象,出于安全性考 虑,几乎所有浏览器都不允...

老先生二号
2017/08/27
0
0
ajax跨域问题我只学一种解决方案

Ajax跨域问题的jsonp解决方案 在前端我们经常会使用Ajax来向服务器发送请求和接收服务器响应回来的数据,一般来说在同一个服务器的数据来往是没有什么问题的,但是有时使用Ajax请求数据并不局限...

JH30K
2019/10/05
0
0
深入跨域问题 - 利用 JSONP 解决跨域

深入跨域问题 - 初识 CORS 跨域资源共享; 深入跨域问题 - 利用 CORS 解决跨域 深入跨域问题 - 利用 JSONP 解决跨域 (本篇) 什么是跨域,在这篇文章内部就不再讲述了,本文主要着重于实现 ...

leiting1998
2018/05/17
0
0
从设计者角度深入理解「跨域问题CORS」

$ 前言   遇到过一些人,说到处理跨域问题时都能说出一大堆东西,但往往都只停留在应用层面,回答和思考的也很片面。其实CORS的设计是为了保护被访问端数据安全的一种策略 $ 是谁在引起跨域...

果汁凉茶丶
2018/11/10
0
0
关于浏览器跨域问题Access-Control-Allow-Origin

其实很早就接触过前端开发 也处理过跨域问题(当时采用的是jsonp server+client 都要改动。。。。) 现在这段时间也在做这块 记录+整理 跨域问题是什么gui? 一个网站的网址组成包括协议名,...

FRED丶DON
2015/09/20
2.3K
2

没有更多内容

加载失败,请刷新页面

加载更多

工作流-个人任务

设置个人任务处理人 1. BPMN中定义 <process id="group" name="组任务" isexecutable="true"> <startevent id="startevent1" name="Start"></startevent><!-- 直接设置处理人 --> ......

小小明1995
11分钟前
25
0
没有名为MySQLdb的模块

我正在使用Python 2.5.4版并安装MySQL 5.0版和Django。 Django在Python上运行良好,但在MySQL上运行良好。 我在Windows Vista中使用它。 #1楼 感谢derevo,但我认为还有另一种好方法: 下载并...

技术盛宴
23分钟前
28
0
MySQL学习笔记(一)InnoDB内存数据结构浅析

以下文章来源于腾讯云数据库,作者陈俊熹 Innodb存储引擎是目前MySQL最主流的存储引擎,学习Innodb, 可以先从其最基础的数据结构开始。Innodb的数据结构主要包括内存数据结构(In-MemoryStruc...

小知_知数堂
29分钟前
39
0
linux常用命令及用法示例

一、 帮助命令 ##1. 常用快捷键 快捷键| 功能 -|- ctrl + c |停止进程 ctrl+l |清屏;彻底清屏是:reset ctrl + q |退出 tab键 |提示(更重要的是可以防止敲错) 上下键 |查找执行过的命令 ct...

幻境fairy
36分钟前
28
0
gitlab重置用户密码

用户lms登录gitlab的密码忘记了,需要重置密码。 gitlab重置用户lms的密码: [root@gitlab ~]# gitlab-rails console production #进入gitlab管理控制台Loading production environment ...

xiaomin0322
39分钟前
32
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部