前端拿到文件路径，如何直接实现下载，不新开窗口

champion_ooO

于 2024-07-23 10:37:19 发布

阅读量144

点赞数 3

文章标签：前端

本文链接：https://blog.csdn.net/champion_ooO/article/details/140615761

版权

    handleDownload() {

      const url = "/pdf/user.pfh"; // 替换成实际的PDF文件路径

      fetch(url, {

        method: "GET",

        headers: { "Content-Type": "application/pdf" },

      })

        .then((response) => response.blob())

        .then((blob) => {

          const url = window.URL.createObjectURL(new Blob([blob]));

          const link = document.createElement("a");

          link.href = url;

          link.setAttribute("download", "xxx.pdf"); // 设置下载文件的名称

          document.body.appendChild(link);

          link.click();

          link.parentNode.removeChild(link);

        })

        .catch((error) => {

          console.error("Error downloading PDF file: ", error); // 处理下载失败的情况

        });

    },