JavaScript下载文件

printf_824

已于 2023-09-08 09:09:22 修改

阅读量77

点赞数

分类专栏： JavaScript通用方法文章标签： javascript vue.js 开发语言

于 2023-09-07 17:38:30 首次发布

本文链接：https://blog.csdn.net/m0_49083276/article/details/132742884

版权

JavaScript通用方法专栏收录该内容

5 篇文章 0 订阅

订阅专栏

场景：

一个自定义的按钮，点击下载一个后端传过来的文件

代码：

// 下载
  $downLoad(filename, content) {
    const blob = new Blob([content]);
    const downloadElement = document.createElement('a', { type: 'application/vnd.ms-excel' });
    const href = window.URL.createObjectURL(blob);
    downloadElement.href = href;
    downloadElement.download = filename;
    document.body.appendChild(downloadElement);
    downloadElement.click();
    document.body.removeChild(downloadElement);
    window.URL.revokeObjectURL(href);
  },

使用方法：

 <el-button size="small" @click="out">导出</el-button>

out() {
      out(this.select).then((res) => {
        this.$downLoad("生日名单.xls", res);
      });
    },