vue 实现下载文件至本地（pdf，word，zip，xlsx等格式）_vue文件到本地

背景：在做管理后台类型项目时总会遇到下载文件的需求，实践实现调用此方法传入相应字段即可实现下载文件的需求，此方法下载时暂时没有发现特殊限制。

// 注释：imgSrc：下载文件链接地址，fileName：下载文件名称
async function downloadIamge(imgSrc, fileName) {
  // 获取图片对象和画布对象
  const imgUrl = imgSrc
  const response = await fetch(imgUrl)
  const blob = await response.blob()
  // 创建下载链接
  const url = window.URL.createObjectURL(blob)
  const link = document.createElement('a')
  link.href = url
  link.download = fileName
  document.body.appendChild(link)
  link.click()
  document.body.removeChild(link)
  // 释放 Blob URL
  window.URL.revokeObjectURL(url)
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

简单记录如有问题或更优解还请不要吝啬的共同沟通学习，此结。