[英]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.