window.location.href = url;

window.open("http://barretlee.com/test.rar")

// 多個(gè)文件下載時(shí)禁止打開新窗口

window.open(url, true)

方式一：

<a href="http://barretlee.com/test.rar" download="test.rar" >下載</a>

方式二：

const download = (filename, url) => {

    let a = document.createElement('a')

    a.style = 'display: none' // 創(chuàng)建一個(gè)隱藏的a標(biāo)簽

    a.download = filename

    a.href = url

    document.body.appendChild(a)

    a.click() // 觸發(fā)a標(biāo)簽的click事件

    document.body.removeChild(a)

}

export function download (filename, url) {

  let fileName = `${filename}.jpg`

  let myBlob = new Blob([url], { type: 'image/jpeg' })

  let link = document.createElement('a')

  link.href = URL.createObjectURL(myBlob)

  link.download = fileName

  link.click()

  link.remove()

  URL.revokeObjectURL(link.href)

}

export function download (filename, url) {

  let image = new Image()

  // 解決跨域 Canvas 污染問題

  image.setAttribute('crossOrigin', 'anonymous')

  image.onload = function () {

    let canvas = document.createElement('canvas')

    canvas.width = image.width

    canvas.height = image.height

    let context = canvas.getContext('2d')

    context.drawImage(image, 0, 0, image.width, image.height)

    let url = canvas.toDataURL('image/png') // 得到圖片的base64編碼數(shù)據(jù)

    let a = document.createElement('a') // 生成一個(gè)a元素

    let event = new MouseEvent('click') // 創(chuàng)建一個(gè)單擊事件

    a.download = filename || '圖片' // 設(shè)置圖片名稱

    a.href = url // 將生成的URL設(shè)置為a.href屬性

    a.dispatchEvent(event) // 觸發(fā)a的單擊事件

  }

  image.src = url

}

// 單個(gè)下載各類型文件

downloadFile (row) {

   this.downloadBatch(row.filePath, (obj) => {

     let a = document.createElement('a')

     let url = URL.createObjectURL(obj)

     a.href = url

     a.download = row.fileName

     a.click()

   })

 },

// 發(fā)送請求

downloadBatch (file, callback) {

  let request = new XMLHttpRequest()

  request.responseType = 'blob'

  request.open('GET', file)

  request.addEventListener('load', function () {

    callback(request.response)

  })

  request.send()

},

// 批量下載

downloadAll () {

    for (let i = 0; i < fileList.length; i++) {

       // 調(diào)用單個(gè)下載方法

      this.downloadFile(fileList[i])

   }

 }