簡體   English   中英

避免瀏覽器彈出

[英]Avoid browser popup

我必須一鍵下載所有文件。 Html 是:

  <div class="col-lg-6 offset-3">
                    <ul class="list-group">
                        @foreach ($lead['media'] as $index => $media)
                            <li class="list-group-item">
                                <a target="_blank" href="{{$media['public_url']}}">
                                    File #{{$index+1}}
                                </a>
                                <a target="_blank" href="{{$media['public_url']}}" class="btn-download">
                                    <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-arrow-down-square"
                                         fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd"
                                              d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
                                        <path fill-rule="evenodd"
                                              d="M8 4a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 10.293V4.5A.5.5 0 0 1 8 4z"/>
                                    </svg>
                                </a>
                            </li>
                        @endforeach
                    </ul>
                    <a href="#" class="btn btn-primary btn-sm mt-2" id="download-all">
                        Download All
                    </a>
                </div>

在此處輸入圖像描述

您可以有很多文件,但是當我單擊全部下載時,第一次出現彈出窗口。 代碼是:

 <script>
            let btnDownloadAll = document.getElementById('download-all');
            btnDownloadAll.onclick = function () {
                let medias = document.getElementsByClassName("btn-download");

                Object.keys(medias).forEach(key => {
                    window.open(medias[key].href,'_blank')
                });
            }
        </script>

也許改變'_blank'可以解決問題。 '_blank'用於打開一個新的 window。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM