欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

静态资源下载方法

程序员文章站 2022-05-06 17:20:50
...

下载接口调用方法

export async function downLoadLink(fileUrl, fileName) {
    const res = await axios.get(fileUrl, {
        responseType: 'blob',
    })
    //  responseType: 'blob',将返回的数据以数据流的方式返回
    if (res.statusText === 'OK') {
        downLoadFile(res.data, fileName)
    }
}

下载方法

export function downLoadFile(blob, fileName) {
    if (window.navigator.msSaveOrOpenBlob) { // IE10
        navigator.msSaveBlob(blob, fileName)
    } else {
        const link = document.createElement('a')
        link.style.display = 'none'
        link.href = URL.createObjectURL(blob) // 创建一个指向该参数对象的URL
        link.download = fileName // 下载的文件名称
        link.click() // 触发下载
        URL.revokeObjectURL(link.href) // 释放通过 URL.createObjectURL() 创建的 URL
    }
}