React中，通过iframe，实现文件下载功能

简要介绍：我们可以通过iframe，动态设置src，来实现下载功能。

1.通用的iframe实现下载功能。

<script>
function download()
{

   var url="http://www.baidu.com?fileId="1234"
   document.getElementById("ifile").src=url;
}
</script>

  <a href="#" onClick="download()">download</a>
  <iframe id="ifile" style="display:none"></iframe>

代码的结构如上，我们可以看到：

（1）首先iframe的id为ifile，并且设置display为none,不可见，这样就就不会影响外观。

（2）其次，通过onClick事件，执行动态设置src，通过get的方法在src中传递参数fileId。

这样就能实现从iframe中下载文件。

2.在React中，如何利用iframe来实现文件下载的功能。

HTML:

 <a href="#" onClick="download()">download</a>
  <iframe ref="ifile" style="display:none"></iframe>

JS:

down(){
  this.refs.ifile.props.src="www.baidu.com?fileId="1234";
}