Javascript——vue下载blob文档流

studystudy。。

已于 2024-01-11 17:13:07 修改

阅读量585

点赞数 9

文章标签： vue.js javascript 前端

于 2024-01-11 17:02:34 首次发布

本文链接：https://blog.csdn.net/weixin_43551242/article/details/135533835

版权

<el-table-column label="操作" fixed="right" width="150" showOverflowTooltip>
            <template slot-scope="scope">
              <el-button type="text" v-has="'stbsd-gjcx-down'" class="edit-button" @click="downloadCick(scope.row)">下载</el-button>
            </template>
          </el-table-column>

//根据接口下载文件由后端定义格式
//getDataDownload 接口
downloadCick(row) {
      getDataDownload({ id: row.id }).then((res) => {
        const blob = res; //获取Blob对象
        const elink = document.createElement('a'); // 创建一个超链接对象实例
        elink.href = URL.createObjectURL(blob); //设置a标签的href属性为一个包含Blob对象的URL
        document.body.appendChild(elink);
        elink.click(); // 触发超链接的点击事件
        URL.revokeObjectURL(elink.href); // 释放URL 对象
        document.body.removeChild(elink); // 移除超链接对象实例
      });
    },