批量下载文件

zj_zjk_sjz

已于 2024-02-21 10:20:04 修改

阅读量138

点赞数

文章标签： vue.js 前端

于 2022-10-19 15:26:03 首次发布

本文链接：https://blog.csdn.net/qq_41459772/article/details/127408911

版权

该博客介绍了如何实现批量下载功能。当用户选择至少一条数据时，系统通过拼接uuids参数调用/download接口进行文件下载。点击事件触发时，隐藏的a标签href属性设置为下载接口，并附带查询参数，随后模拟点击触发下载。

摘要由CSDN通过智能技术生成

<!--下载文件用-->
<a ref="downloadFile" target="_blank" style="display: none;"></a>

/**
 * 批量下载
 */
batchDownloadClick(rows) {
    if (rows.length === 0) {
        this.$message.warning('请至少选择一条数据!!')
        return
    }
    let ids = rows.map((item) => item.uuid)
    const query = qs.stringify({uuids: ids}, {indices: false});
    let a = this.$refs.downloadFile
    //下载文件接口
    a.href = `/data/${rows[0].projectId}/downLoadFile?` + query
    a.click()
}