fix: 修复文件无法直接下载问题

Closes continew/continew-admin#IBF2YB
This commit is contained in:
2025-01-02 20:28:29 +08:00
parent b98febcff5
commit 91092f1cf3

View File

@@ -25,8 +25,9 @@ export function downloadByUrl({
}): Promise<boolean> { }): Promise<boolean> {
// 是否同源 // 是否同源
const isSameHost = new URL(url).host === location.host const isSameHost = new URL(url).host === location.host
return new Promise<boolean>((resolve) => { return new Promise<boolean>((resolve, reject) => {
if (isSameHost) { if (isSameHost) {
// 同源资源,直接使用 <a> 标签下载
const link = document.createElement('a') const link = document.createElement('a')
link.href = url link.href = url
link.target = target link.target = target
@@ -49,36 +50,23 @@ export function downloadByUrl({
window.open(url, target) window.open(url, target)
return resolve(true) return resolve(true)
} else { } else {
const elink = document.createElement('a') // 跨域资源,使用 fetch 获取文件并下载
elink.href = url fetch(url)
elink.target = '_self' .then((response) => response.blob())
elink.download = fileName as string .then((blob) => {
elink.style.display = 'none' const link = document.createElement('a')
document.body.appendChild(elink) link.href = URL.createObjectURL(blob)
elink.click() link.download = fileName || getFileName(url)
document.body.removeChild(elink) link.style.display = 'none'
// const canvas = document.createElement('canvas') document.body.appendChild(link)
// const img = document.createElement('img') link.click()
// img.setAttribute('crossOrigin', 'Anonymous') document.body.removeChild(link)
// img.src = url URL.revokeObjectURL(link.href)
// img.onload = () => { resolve(true)
// canvas.width = img.width })
// canvas.height = img.height .catch((err) => {
// const context = canvas.getContext('2d')! reject(err)
// context.drawImage(img, 0, 0, img.width, img.height) })
// // window.navigator.msSaveBlob(canvas.msToBlob(),'image.jpg');
// // saveAs(imageDataUrl, '附件');
// canvas.toBlob((blob) => {
// const link = document.createElement('a')
// if (!blob) return
// link.href = window.URL.createObjectURL(blob)
// link.download = fileName || getFileName(url)
// link.click()
// URL.revokeObjectURL(link.href)
// resolve(true)
// }, 'image/jpeg')
// }
// img.onerror = (e) => reject(e)
} }
}) })
} }