当前位置：首页 > article >正文

vue文件下载

article 2024/11/13 12:03:37

第一种方法

const downloadfile = (url) => {
  if (!url) {
    return ElMessage.error("暂无文件！无法下载")
  }

  axios({
    url,
    method: 'GET',
    responseType: 'blob'
    // headers: {
    //   token:getCache('TOKEN'),     // 可以携带token
    // }
  }).then(res => {
    const href = URL.createObjectURL(res.data);
    const a = document.createElement('a');
    a.download = '名字.pdf';//后缀改为对应的文件类型
    a.href = href;
    a.click();
    setTimeout(() => {
      a.remove();
    }, 100);
  });
}

第二种方法

 //response为文件流
 //不同类型的文件用不同类型的type
 const blob = new Blob([response], {
  type: "application/msword",
 });
 const fileName = "名字.xlsx";//后缀改为对应的文件类型

 const elink = document.createElement("a");

 elink.download = fileName;

 elink.style.display = "none";

 elink.href = URL.createObjectURL(blob);

 document.body.appendChild(elink);

 elink.click();

 URL.revokeObjectURL(elink.href); // 释放URL 对象
 document.body.removeChild(elink);