React中,通过iframe,实现文件下载功能
生活随笔
收集整理的這篇文章主要介紹了
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"; }總結
以上是生活随笔為你收集整理的React中,通过iframe,实现文件下载功能的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 低压配电的全球与中国市场2022-202
- 下一篇: 梦幻诛仙linux系统启动命令,求一波梦