vue+elementUI下載文件、截取url后綴

一、函數代碼

downloadReport(url) {
      // 從url中找到文件名的索引位置
      const index = url.lastIndexOf('/') + 1
      // 匹配url后綴，檢查是否為pdf，是則窗口打開，否則下載到本地
      if (url.lastIndexOf('.pdf') === -1) {
        // 創建下載
        const link = document.createElement('a')
        link.style.display = 'none'
        link.href = url
        link.download = url.substring(index)
        link.click()
        this.$message({
          message: `正在下載,請稍后在本地查看`,
          type: 'success'
        })
      } else {
        window.open(url, url.substring(index))
      }
    }

二、函數說明

indexOf('xxx'): 由左至右，查找某指定字符串在完整字符串中首次出現的位置索引。
lastIndexOf('xxx'): 由右至左，查找某指定字符串在完整字符串中首次出現的位置索引。
substring(startIndex, endIndex): 截取字符串從索引startIndex到endIndex間的字符，end為可選參數，不填意味着截取從startIndex到url.length-1位置的字符串。