標(biāo)簽和download屬性實(shí)現(xiàn)。該屬性可以指定一個(gè)下載的文件名,如果不指定,瀏覽器會(huì)使用默認(rèn)的文件名進(jìn)行下載。
下面是一個(gè)簡(jiǎn)單的示例代碼:點(diǎn)擊下面的鏈接,下載一個(gè)名為myFile.txt的文本文件:
<a download="myFile.txt">下載文件</a>
在上面的代碼中,href 屬性指定文件的位置,download 屬性指定下載時(shí)的文件名。
在某些情況下,您可能想要通過 JavaScript 動(dòng)態(tài)創(chuàng)建下載鏈接。下面是一個(gè)使用 Blob 對(duì)象的示例:使用JavaScript創(chuàng)建一個(gè)名為myFile.csv的CSV文件,并下載:
var csvContent = "列1,列2,列3\n1,2,3\n4,5,6\n";
var blob = new Blob([csvContent], {type: "text/csv;charset=utf-8;"});
var url = URL.createObjectURL(blob);
var link = document.createElement("a");
link.setAttribute("href", url);
link.setAttribute("download", "myFile.csv");
document.body.appendChild(link);
link.click();
在上面的代碼中,將文本內(nèi)容作為 Blob 對(duì)象傳遞給了 createObjectURL() 方法,然后使用這個(gè) URL 創(chuàng)建了一個(gè)下載鏈接。最后通過 click() 方法觸發(fā)下載鏈接。
需要注意的是,在使用 Blob 的情況下,可能需要考慮瀏覽器兼容性問題。