最簡單的方式：
<a href='url' download=filename.ext>下載檔案</a>
如果url指向同源資源，是正常的。
如果url指向第三方資源，download會失效，表現和不使用download時一致-瀏覽器能打開的文件，瀏覽器會直接打開，不能打開的文件，會直接下載。瀏覽器開啟的文件，可以手動下載。
解決方案一：將檔案打包為.zip/.rar等瀏覽器不能開啟的檔案下載。
解決方案二：透過後端轉發，後端請求第三方資源，返回給前端，前端使用file-saver等工具保存檔案。
如果url指向的第三方資源配置了CORS，download屬性無效，但可以取得檔案下載到本機，無法修改修改檔案名稱。
2.解決方法1. 借助HTML5 Blob實作文字資訊檔下載 const downloadRes = async (url, name) => { let response = await fetch(url) // 內容轉變成blob位址let blob = await response.blob() // 建立隱藏的可下載連結let objectUrl = window.URL .createObjectURL(blob) let a = document.createElement('a') //位址a.href = objectUrl //修改檔案名稱a.download = name // 觸發點選document.body.appendChild(a) a.click() //移除setTimeout(() => document.body.removeChild(a), 1000)} 2.圖片格式如果我們想下載一張圖片，可以把這張圖片轉換成base64格式，然後下載。
```export const downloadImg = async (url, name) => { var canvas = document.createElement('canvas'), ctx = canvas.getContext('2d'), img = new Image(); img.crossOrigin = 'Anonymous'; img.onload = function() { canvas.height = img.height; canvas.width = img.width; ctx.drawImage(img, 0, 0); var dataURL = canvas.toDataURL('image/png'); let a = document.createElement('a'); a.href = dataURL ; a.download = name; document.body.appendChild(a); a.click(); setTimeout(() => { document.body.removeChild(a); canvas = null; }, 1000); }; img.src = url;};```以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VeVb武林網。