使用 fetch
API 来获取文件数据并创建一个 Blob 对象。然后,通过创建一个临时的 <a>
标签来触发下载,同时使用 URL.createObjectURL()
来生成临时 URL。这样做会在用户点击下载后自动下载文件而不在浏览器中打开。下载完成后,移除临时的 <a>
标签,以确保没有留下任何额外的元素在 DOM 中。
async downloadFile() {const fileUrl = ''; //设置要下载的文件链接try {// 使用 fetch API 下载文件const response = await fetch(fileUrl);const blob = await response.blob();// 创建一个 <a> 标签const link = document.createElement('a');link.href = URL.createObjectURL(blob);// 设置下载的文件名,这里假设文件名为 示例文件.pdflink.download = '示例文件.pdf';// 将 <a> 标签加入 DOM,并触发点击下载document.body.appendChild(link);link.click();// 下载完成后移除 <a> 标签document.body.removeChild(link);} catch (error) {console.error('下载文件出错:', error);// 处理下载出错的情况}},