亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

iframe一次下載多個(gè)文件實(shí)例

 更新時(shí)間：2023年01月11日 11:17:11   作者：念念不忘  
這篇文章主要為大家介紹了iframe一次下載多個(gè)文件實(shí)現(xiàn)示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

背景

在項(xiàng)目開(kāi)發(fā)中，點(diǎn)擊 【導(dǎo)出】按鈕需要下載兩個(gè) excel 文件，之前下載文件都是使用的 window.location.href = '下載url' 就能實(shí)現(xiàn)下載功能，但是只能是單文件的下載，多文件的下載需要借助 iframe 來(lái)實(shí)現(xiàn)。

解決方案

使用 iframe 可以實(shí)現(xiàn)一個(gè)點(diǎn)擊按鈕下載多個(gè)文件，具體實(shí)現(xiàn)如下：

const urlArr = ['https://test.com/order_export_1663644115.csv', 'https://test.com/order_export_1663644223.csv']
function exportExcel(url) {
    const iframe = document.createElement('iframe');
    iframe.style = none; // 防止影響現(xiàn)有頁(yè)面內(nèi)容
    iframe.src = url;
    document.body.appendChild(iframe) // iframe 必須掛載到 dom 樹(shù)才會(huì)發(fā)送請(qǐng)求
    iframe.onload = function () {
        document.body.removeAttribute(iframe) // 之后刪除iframe
    }
}
urlArr.forEach((item) => {
    exportExcel(item)
})

當(dāng)時(shí)使用的這個(gè)方案下載文件,服務(wù)端返回的文件地址的是阿里云的oss對(duì)象存儲(chǔ),然后下載MP4 或者 image 文件的時(shí)候一直打開(kāi)預(yù)覽,不會(huì)觸發(fā)瀏覽器下載行為

解決方案是：可以設(shè)置文件的響應(yīng)頭或者,在請(qǐng)求url后面拼接

'?response-content-type=application/octet-stream';

以上就是iframe一次下載多個(gè)文件實(shí)例的詳細(xì)內(nèi)容，更多關(guān)于iframe下載多個(gè)文件的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

相關(guān)文章

最新評(píng)論