vue3下载文件

最新推荐文章于 2024-09-04 16:08:00 发布

致橡树丶

最新推荐文章于 2024-09-04 16:08:00 发布

阅读量179

点赞数 3

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/qq_45777315/article/details/141682944

版权

// 下载
 const xxx = async () => {

    try {
      const response = await labPlanListxxx();
      // 创建 Blob 对象
      // 生成下载链接
      const url = URL.createObjectURL(response);
      // 创建 a 标签进行下载
      const a = document.createElement('a');
      a.href = url;
      // 设置文件名，这里可以设置你需要的文件名
      a.download = '导入模板.xlsx'; // 你可以使用 URL 编码的文件名
      document.body.appendChild(a);
      a.click();
      // 清理
      URL.revokeObjectURL(url);
      document.body.removeChild(a);
    } catch (e){
      console.log('',e)
    }
  };
//  请求设置
export function labPlanListxxx (): any {
  return axios({
    url: '/api/template/download',
    method: 'post',
    responseType: 'blob', // 关键配置，指定响应类型为 Blob
  })
}