js下载文件时显示原文件名

最新推荐文章于 2024-04-12 17:49:32 发布

itmacy

最新推荐文章于 2024-04-12 17:49:32 发布

阅读量342

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/itmacy/article/details/133811978

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

href的属性地址和前端同源情况下

downLoadFile (fileData) {
    const a = document.createElement('a')
    a.style.display = 'none'
    a.setAttribute('target', '_blank')
    fileData.name && a.setAttribute('download', fileData.name)
    fileData.name && a.setAttribute('download', decodeURIComponent(fileData.name))
    a.href = fileData.url
    document.body.appendChild(a)
    a.click()
    document.body.removeChild(a)
}

href的属性地址和前端不同源情况下

downLoadFile (fileData) {
    const x = new window.XMLHttpRequest();
    x.open('GET', fileData.url, true)
    x.responseType = 'blob'
    x.onload = () => {
        const url = window.URL.createObjectURL(x.response)
        const a = document.createElement('a')
        a.href = url
        a.download = fileData.name
        document.body.appendChild(a)
        a.click()
        document.body.removeChild(a)
    }
    x.send()
}