vue 文件下载支持pdf,jpg,png

1232123112

// 下载模版
    handleDownloadFile (url) {
      if (!url) {
        this.$message.error('暂无文件')
        return false
      }
      // 此方法会不带后缀名，所以要拿到文件的后缀名
      const num = url.split('.')
      const type = num[num.length - 1]
      const link = document.createElement('a')
      fetch(url).then(res => res.blob()).then(blob => { // 将链接地址字符内容转变成blob地址
        link.href = URL.createObjectURL(blob)
        link.download = `1232123112.${type}` // 此处的name是下载的名称
        document.body.appendChild(link)
        link.click()
      })
    },