JS通用方法 : 根据文件类型进行下载, 文档/图片

卷B只有挂在墙上才知道休息

已于 2023-12-08 09:43:54 修改

阅读量412

点赞数 9

分类专栏：为不上班而上班文章标签： java 前端 javascript 开发语言 typescript

于 2023-11-22 13:49:00 首次发布

本文链接：https://blog.csdn.net/qq_39051175/article/details/134551600

版权

为不上班而上班专栏收录该内容

94 篇文章 8 订阅

订阅专栏

根据文件类型进行下载, 文档/图片

function loadFile(fileUrl, fileName) {
    if (isImageByExtension(fileUrl)) {
        try {
            downloadRes(fileUrl, fileName)
        } catch (error) {
            downloadFile(fileUrl, fileName)
        }
    } else {
        downloadRes(fileUrl, fileName)
    }
}
const downloadFile = (fileUrl, fileName) => {
    const link = document.createElement('a');
    link.href = fileUrl;
    link.download = fileName;
    link.target = '_blank';
    link.style.display = 'none';
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
}
const downloadRes = async (url, name) => {
    let response = await fetch(url)
    let blob = await response.blob()
    let objectUrl = window.URL.createObjectURL(blob)
    let a = document.createElement('a')
    a.href = objectUrl
    a.download = name
    a.click()
    a.remove()
}
function isImageByExtension(filename:string) {
    const imageExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.bmp'];
    const extension = filename.substring(filename.lastIndexOf('.')).toLowerCase();
    return imageExtensions.includes(extension);
}