使用vue实现文件下载效果

最新推荐文章于 2024-05-23 16:48:11 发布

kopppo7

最新推荐文章于 2024-05-23 16:48:11 发布

阅读量114

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/kopppo7/article/details/134414127

版权

// 点击下载（附件查看）
    handleDownload(url) {
      const fileUrl = process.env.VUE_APP_BASE_API + url;
      // 创建一个a标签
      const link = document.createElement("a");
      // 设置a标签的href属性
      link.href = fileUrl;
      // 设置a标签的下载文件名
      link.download = fileUrl.substring(fileUrl.lastIndexOf("/") + 1);
      // 将a标签添加到body中
      document.body.appendChild(link);
      // 点击a标签，开始下载
      link.click();
      // 从body中移除a标签
      document.body.removeChild(link);
    },