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

最新推荐文章于 2025-05-12 09:59:25 发布

Leejz66

最新推荐文章于 2025-05-12 09:59:25 发布

阅读量9.1k

点赞数 2

CC 4.0 BY-SA版权

文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/AAyyy1/article/details/123358260

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

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

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()
}