const download0 = (data: Blob, fileName: string, mineType: string) => {
|
// 创建 blob
|
const blob = new Blob([data], { type: mineType })
|
// 创建 href 超链接，点击进行下载
|
window.URL = window.URL || window.webkitURL
|
const href = URL.createObjectURL(blob)
|
const downA = document.createElement('a')
|
downA.href = href
|
downA.download = fileName
|
downA.click()
|
// 销毁超连接
|
window.URL.revokeObjectURL(href)
|
}
|
|
const download = {
|
// 下载 Excel 方法
|
excel: (data: Blob, fileName: string) => {
|
download0(data, fileName, 'application/vnd.ms-excel')
|
},
|
// 下载 Word 方法
|
word: (data: Blob, fileName: string) => {
|
download0(data, fileName, 'application/msword')
|
},
|
// 下载 Zip 方法
|
zip: (data: Blob, fileName: string) => {
|
download0(data, fileName, 'application/zip')
|
},
|
// 下载 Html 方法
|
html: (data: Blob, fileName: string) => {
|
download0(data, fileName, 'text/html')
|
},
|
// 下载 Markdown 方法
|
markdown: (data: Blob, fileName: string) => {
|
download0(data, fileName, 'text/markdown')
|
},
|
// 下载图片（允许跨域）
|
image: ({
|
url,
|
canvasWidth,
|
canvasHeight,
|
drawWithImageSize = true
|
}: {
|
url: string
|
canvasWidth?: number // 指定画布宽度
|
canvasHeight?: number // 指定画布高度
|
drawWithImageSize?: boolean // 将图片绘制在画布上时带上图片的宽高值, 默认是要带上的
|
}) => {
|
const image = new Image()
|
// image.setAttribute('crossOrigin', 'anonymous')
|
image.src = url
|
image.onload = () => {
|
const canvas = document.createElement('canvas')
|
canvas.width = canvasWidth || image.width
|
canvas.height = canvasHeight || image.height
|
const ctx = canvas.getContext('2d') as CanvasRenderingContext2D
|
ctx?.clearRect(0, 0, canvas.width, canvas.height)
|
if (drawWithImageSize) {
|
ctx.drawImage(image, 0, 0, image.width, image.height)
|
} else {
|
ctx.drawImage(image, 0, 0)
|
}
|
const url = canvas.toDataURL('image/png')
|
const a = document.createElement('a')
|
a.href = url
|
a.download = 'image.png'
|
a.click()
|
}
|
},
|
downloadVideo:(item) => {
|
const url = item.url; // 视频文件的URL
|
const fileName = item.title; // 下载的文件名，可以根据需要自定义
|
|
const xhr = new XMLHttpRequest();
|
xhr.open("GET", url, true);
|
xhr.responseType = "blob"; // 设置响应类型为blob
|
|
xhr.onload = function() {
|
if (xhr.status === 200) {
|
const blob = xhr.response;
|
const downloadUrl = window.URL.createObjectURL(new Blob([blob], { type: "video/mp4" })); // 根据视频类型设置MIME类型
|
const a = document.createElement("a");
|
a.href = downloadUrl;
|
a.download = fileName + ".mp4"; // 设置下载的文件名，可以根据需要自定义后缀名
|
a.style.display = "none";
|
document.body.appendChild(a);
|
a.click(); // 模拟点击下载
|
a.remove(); // 下载完成后移除元素
|
}
|
};
|
xhr.send();
|
}
|
}
|
export default download
|
