日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

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

發(fā)布時間:2024/3/26 编程问答 30 豆豆
生活随笔 收集整理的這篇文章主要介紹了 React中,通过iframe,实现文件下载功能 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

簡要介紹:我們可以通過iframe,動態(tài)設置src,來實現(xiàn)下載功能。

1.通用的iframe實現(xiàn)下載功能。

<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事件,執(zhí)行動態(tài)設置src,通過get的方法在src中傳遞參數(shù)fileId。

這樣就能實現(xiàn)從iframe中下載文件。

2.在React中,如何利用iframe來實現(xiàn)文件下載的功能。

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,实现文件下载功能的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯,歡迎將生活随笔推薦給好友。