我在沒有 JavaScript 的情況下下載多個檔案時遇到問題。我可以知道 HTML 下載屬性可以在不使用 JavaScript 的情況下下載多個檔案嗎？
下面是我的編碼：
<a href="https://cdn.sstatic.net/Img/teams/teams-illo-free-sidebar-promo.svg?v=47faa659a05e" download><button style="background-color:#ED1C24;color:white" >Article</button></a>例如，如果我想下載這些https://cdn.sstatic.net/Img/teams/teams-illo-free-sidebar-promo.svg?v=47faa659a05e和https://dco-assets.everestads.net /iCornerStore/source-images/MICROSOFTSTORE/current/cc1b5d10e9ab7ea9c03e62e1cc6172b6.png。我嘗試像下面的代碼那樣修改，但它不起作用。
<a href="https://cdn.sstatic.net/Img/teams/teams-illo-free-sidebar-promo.svg?v=47faa659a05e,https://dco-assets.everestads.net/iCornerStore/source-images/MICROSOFTSTORE/current/cc1b5d10e9ab7ea9c03e62e1cc6172b6.png" download><button style="background-color:#ED1C24;color:white" >Article</button></a>
希望有人能指導我如何解決這個問題。謝謝。
*注意：為什么我不使用Javascript，因為我在Magento 1.7版本中添加了下載多個影像功能。
uj5u.com熱心網友回復：
最好的方法是將您的檔案壓縮并鏈接到該檔案。
其中陳述如下：
HTML：
<a href="#" class="yourlink">Download</a>
JS：
$('a.yourlink').click(function(e) {
e.preventDefault();
window.open('mysite.com/file1');
window.open('mysite.com/file2');
window.open('mysite.com/file3');
});
話雖如此，我仍然會壓縮檔案，因為這個實作需要 JavaScript，有時也可以作為彈出視窗被阻止。
選項 2 是有多個鏈接到下載按鈕。
HTML：
<a href="#" class="yourlink">Click Here</a>
JS：
$('a.yourlink').click(function(e) {
e.preventDefault();
window.open('http://yoururl1.com');
window.open('http://yoururl2.com');
});
一個按鈕中多個鏈接的最小化代碼：
<a href="http://google.com"
onclick="window.open('http://web1.com','','width=700,height=700');
window.open('http://web2.com','','width=700,height=500');"
>Click Here</a>
uj5u.com熱心網友回復：
簡短的回答。僅使用單個 HTML 鏈接是不可能實作您想要的。我可以在沒有 Javascript 的情況下想到以下替代可能性：
- 多個鏈接
- 壓縮檔案
如果您無法定位 zip 檔案，則只能使用多個鏈接。
更新（JS版）
使用純 JS，它看起來像這樣：
const el = document.getElementById('multiple-dl');
el.addEventListener('click', (event) => {
event.preventDefault();
const anchor = event.target;
const links = anchor.getAttribute('data-dlinks');
const linkList = links.split(',');
linkList.forEach((link) => {
console.log(link)
window.open(link);
});
})<a href="#" id="multiple-dl" class="" data-dlinks="https://www.links1.com,https://www.links1.com">multiple DLinks</a>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/385601.html