前端实现下载功能
下面介绍三种下载方法,这三种方法都需要知道下载文件的 url.
- 第一种:a 标签下载
<a :href="url" :download="url" class="ground_pic" >下载 </a>
- 第二种:iframe 下载
const downloadIframe = document.querySelector(".download_iframe"); if (downloadIframe) { downloadIframe.src = url; } else { const iframe = document.createElement("iframe"); iframe.style.display = "none"; iframe.className = "download_iframe"; iframe.src = url; document.body.appendChild(iframe); }
- 第三种:window.open() 下载
window.open(url)