JavaScript通过window.open(url)下载文件修改文件名

最新推荐文章于 2024-07-18 17:08:00 发布

原创最新推荐文章于 2024-07-18 17:08:00 发布 · 9.2k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

前端使用JavaScript下载服务器文件时，通常通过window.open()方法，但这样会保留原始文件名。要实现下载时自定义文件名，可以利用HTML的a标签和download属性。创建隐藏的a标签，设置href为文件路径，download属性设置为期望的文件名，然后模拟点击该链接来触发下载。注意，download属性在跨域场景下可能不生效。

JavaScript通过window.open（url）下载文件修改文件名

前端在页面上用window.open(filePath)下载服务器本地存储的文件，下载的名称为存储时的名称，若想要重新命名。用以下方法：

function downloadFile(filePath,name) {
    const link = document.createElement('a')
    link.style.display = 'none'
    link.href = filePath
    link.setAttribute(
        'download',
        name
    )
    document.body.appendChild(link)
    link.click()
}