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

最新推荐文章于 2024-04-11 17:38:19 发布

weixin_33932129

最新推荐文章于 2024-04-11 17:38:19 发布

阅读量5.2k

点赞数

文章标签： python javascript 前端 ViewUI

原文链接：https://my.oschina.net/u/867090/blog/1558295

版权

2019独角兽企业重金招聘Python工程师标准>>>

<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>

转载于:https://my.oschina.net/u/867090/blog/1558295