关于文件通过url下载同时下载2个文件的方法

原创已于 2023-04-14 11:31:08 修改 · 424 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #html

于 2023-04-14 11:30:05 首次发布

这段代码展示了如何使用JavaScript同时下载两个文件。通过创建XMLHttpRequest对象，设置响应类型为blob，然后在onload事件中生成objectURL并创建隐藏的a标签来触发文件下载。文件名根据URL映射为记录导入模板和对象导入模板。

同时下载2个文件文件下载

let list = [
        'https://file.77.com/rm/tem/记录导入模板.xlsx',
        'https://file.77.com/rm/tem/对象导入模板.xlsx'
      ]
      list.map((item, index) => {
        let name = ''
        index === 0 ? (name = '记录导入模板') : (name = '对象导入模板')
        this.downloadFile(item, name)
      })

 downloadFile(url, name) {
      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 = name // 下载后的文件名
        a.click()
      }
      x.send()
    },