背景:在做管理后台类型项目时总会遇到下载文件的需求,实践实现调用此方法传入相应字段即可实现下载文件的需求,此方法下载时暂时没有发现特殊限制。
// 注释: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)
}
简单记录如有问题或更优解还请不要吝啬的共同沟通学习,此结。