js 下载文件（xls,pdf,xlsx,zip）

最新推荐文章于 2025-06-30 11:49:23 发布

colaaaaaaaaaaa

最新推荐文章于 2025-06-30 11:49:23 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端

本文链接：https://blog.csdn.net/m0_61462068/article/details/125799035

这段代码展示了如何使用axios从服务器获取文件流并下载不同类型的文件，包括xls, pdf, xlsx和zip。它创建了一个Blob对象，设置了正确的MIME类型，并利用隐藏的a标签实现文件下载。download函数使用axios进行异步请求，返回文件流。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文件流下载文件（xls,pdf,xlsx,zip）

/**
 * @param {*} res 数据 二进制流
 * @param {*} fileName 文件名
 */
export const exportFile = (res, fileName = 'fileData', fileType = 'xlsx') => {
    let url = ''
    let blobTypeParams = {}
    if (fileType === 'xls') {
        blobTypeParams = {
            type: "application/vnd.ms-excel"
        }
    }
    if (fileType === 'pdf') {
        blobTypeParams = {
            type: "application/pdf"
        }
    }
    if (fileType === 'xlsx') {
        blobTypeParams = {
            type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
        }
    }
    if (fileType === 'zip') {
        blobTypeParams = {
            type: "application/zip"
        }
    }
    url = window.URL.createObjectURL(new Blob([res]), blobTypeParams)
    const link = document.createElement('a')
    link.style.display = 'none'
    link.href = url
    link.setAttribute('download', `${fileName}.${fileType}`)
    document.body.appendChild(link)
    link.click()
}

axios下载文件流

responseType 默认blob ,arrayBuffer

export const download = async (url, data, method = 'post', responseType = 'blob') => {
    const res = await axios({ method, url, data, responseType })
    return Promise.resolve(res.data)
}