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

@阿呜

已于 2022-12-22 18:48:28 修改

阅读量8.8k

点赞数 5

分类专栏： vue JS 文章标签： javascript 前端开发语言

于 2022-12-22 18:44:26 首次发布

本文链接：https://blog.csdn.net/ke_sin/article/details/128412213

版权

vue 同时被 2 个专栏收录

20 篇文章 4 订阅

订阅专栏

3 篇文章 0 订阅

订阅专栏

通过window.open(url)下载文件（xlsx、xls、zip等格式文件），如果前端想要自定义更改下载时的文件名，可以使用以下方法

写一个公共方法

// 下载文件，自定义文件名称
export function downFile(url, fileName) {
  const x = new XMLHttpRequest()
  x.open('GET', url, true)
  x.responseType = 'blob'
  x.onload = function() {
    const url = window.URL.createObjectURL(x.response)
    const a = document.createElement('a')
    a.href = url
    a.download = fileName
    a.click()
  }
  x.send()
}