前端实现下载功能

 下面介绍三种下载方法,这三种方法都需要知道下载文件的 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)

 

posted @ 2022-08-18 15:11  打遍天下吴敌手  阅读(179)  评论(0编辑  收藏  举报