vue3浏览器文件下载，非打开新页面

NagatoYuK

已于 2024-03-07 16:23:05 修改

阅读量730

点赞数 7

文章标签：前端 javascript

于 2024-03-07 16:19:42 首次发布

本文链接：https://blog.csdn.net/L20000825/article/details/136537266

版权

const down = (path) => {
    fetch(path)
    .then(res => res.blob())
    .then(blob => {
        let url = window.URL.createObjectURL(blob)
        let a = document.createElement('a')
        a.style.display = 'none'
        a.href = url
        a.download = '文件下载后的名称'
        document.body.appendChild(a)
        a.click()
        window.URL.revokeObjectURL(url)
        document.body.removeChild(a)
    })

}

上述代码中path为文件路径。window.URL.createObjectURL为创建一个对象，对于上述代码则是创建一个URL的blob对象。在创建完后需要创建一个a标签以触发下载方法。最后需要释放掉创建的a标签和URL。