【JS】图片、视频、文档等文件下载,解决跨域报错问题

文件下载

这里的文件,可以包括图片、视频、文档等

参数说明:
fileUrl:文件服务器的路径(路径后面加上’?response-content-type=application/octet-stream’,可以支持跨域下载)
fileName:文件名
suffix:文件后缀名,根据文件路径获取的

// 下载文件
    downLoad() {
    
    
      const url = this.fileUrl + '?response-content-type=application/octet-stream' // 支持跨域下载
      const name = this.fileName + '.' + this.suffix // 自定义文件名
      const a = document.createElement('a')
      a.href = url
      a.download = name // 下载后文件名
      a.style.display = 'none'
      document.body.appendChild(a)
      a.click() // 点击下载
      document.body.removeChild(a) // 下载完成移除元素
    }

猜你喜欢

转载自blog.csdn.net/LuviaWu/article/details/118087515