React开发(139):ant design学习指南之下载文件

Posted 小歌谣(公众号同名)

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React开发(139):ant design学习指南之下载文件相关的知识,希望对你有一定的参考价值。

  isIE = () => {
    if (!!window.ActiveXObject || 'ActiveXObject' in window) {
      return true;
    } else {
      return false;
    }
  };
  //下载补充协议
  //agreementFilePath
  handleDetail = (row) => {
    if (this.isIE()) {
      // IE
      window.open(row.agreementFilePath, '_blank');
    } else {
      let a = document.createElement('a'); // 创建a标签
      let e = document.createEvent('MouseEvents'); // 创建鼠标事件对象
      e.initEvent('click', false, false); // 初始化事件对象
      a.href = row.agreementFilePath; // 设置下载地址
      a.download = row.name; // 设置下载文件名
      a.dispatchEvent(e);
    }
  };

以上是关于React开发(139):ant design学习指南之下载文件的主要内容,如果未能解决你的问题,请参考以下文章

React开发(125):ant design学习指南之form中的hasFeedback

React开发(129):ant design学习指南之form中的layout

React开发(134):ant design学习指南之form中getFieldValue

React开发(128):ant design学习指南之input中addonBefore

React开发(131):ant design学习指南之form中的resetFields

React开发(124):ant design学习指南之form中的属性