前端那些事20240123-前端那些事-前端点击按钮下载逻辑

handleClickDownLoadList(row) {
      let params = JSON.parse(row.technicalAttachments)
      downloadByZip(
        params.mongodbObjIdList.join(","),
      ).then((res) => {
        const blob = new Blob([res.data], { type: "application/zip" }); //创建一个新的 Blob 对象
        const filename = params.fileName;
        const url = window.URL.createObjectURL(blob); //  把一个blob对象转化为一个Blob URL，创建下载链接
        const downloadLink = document.createElement("a"); // 生成一个a标签
        downloadLink.href = url;
        downloadLink.download = filename; // // dowload属性指定下载后文件名
        document.body.appendChild(downloadLink); //将a标签添加到body中
        downloadLink.click(); // 点击下载
        document.body.removeChild(downloadLink); // 下载完成后移除元素
        window.URL.revokeObjectURL(url); // 释放掉blob对象
      });
    },