vue blob流下载zip文件

最新推荐文章于 2025-03-26 16:05:10 发布

Thekingyu

最新推荐文章于 2025-03-26 16:05:10 发布

阅读量1w

点赞数

分类专栏：后台系统

本文链接：https://blog.csdn.net/Thekingyu/article/details/103140848

版权

后台系统专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript创建Blob对象并将其下载为ZIP文件的方法，适用于非IE浏览器及IE10以上版本，通过生成唯一文件名并利用HTML5特性实现文件下载。

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

asset_zip(this.delarr).then((res) => {
    const content = res.data
    const blob = new Blob([content],{type:"application/zip"})
    var timestamp = (new Date()).valueOf();
    const fileName = timestamp+'.zip'
    if ('download' in document.createElement('a')) { // 非IE下载
        const elink = document.createElement('a')
        elink.download = fileName
        elink.style.display = 'none'
        elink.href = window.URL.createObjectURL(blob)
        document.body.appendChild(elink)
        elink.click()
        window.URL.revokeObjectURL(elink.href) // 释放URL 对象
        document.body.removeChild(elink)
    } else { // IE10+下载
        navigator.msSaveBlob(blob, fileName)
    }
})

不能用base64转成blob，不然会文件大小对里边没东西，下载其他类型修改type，