图片、txt文件直接下载，不预览

通常下载文件会使用 window.open(url)，但是对于浏览器可以解析的文件，浏览器会自动在新标签页打开，所以需要特殊处理。

图片的下载：

 //以下是获取图片 DataURL
    getImageDataURL(image) {
      // 创建画布
      const canvas = document.createElement('canvas')
      canvas.width = image.width
      canvas.height = image.height
      const ctx = canvas.getContext('2d')
      // 以图片为背景剪裁画布
      ctx.drawImage(image, 0, 0, image.width, image.height)
      // 获取图片后缀名
      const extension = image.src.substring(image.src.lastIndexOf('.') + 1).toLowerCase()
      // 某些图片 url 可能没有后缀名，默认是 png
      return canvas.toDataURL('image/' + extension, 1)
    },
    downLoad(downloadName, url) {
      const tag = document.createElement('a')
      // 此属性的值就是**时图片的名称，注意，名称中不能有半角点，否则**时后缀名会错误
      tag.setAttribute('download', downloadName.replace(/\./g, '。'))

      const image = new Image()
      // 设置 image 的 url, 添加时间戳，防止浏览器缓存图片
      image.src = url + '?time=' + new Date().getTime()
      //重要，设置 crossOrigin 属性，否则图片跨域会报错
      image.setAttribute('crossOrigin', 'Anonymous')
      // 图片未加载完成时操作会报错
      image.onload = () => {
        tag.href = this.getImageDataURL(image)
        tag.click()
      }
    },

图片和txt文件的下载：

    // 下载图片txt文件
    downloadMatrail(val) {
      let url = this.$CFG.baseUrl + 'caseMaterial/downLoad?id=' + val.id
      console.log('openMatrail--url:', url)
      window.location.href = url
      var x = new XMLHttpRequest()
      x.open('GET', val.fileUrl, true)
      x.responseType = 'blob'
      x.onload = function (e) {
        var url = window.URL.createObjectURL(x.response)
        var a = document.createElement('a')
        a.href = url
        a.download = ''
        a.click()
      }
      x.send()
    },

使用过程：

 //下载材料
    downloadFile(file) {
      let fileSuffix = this.getFileSuffix(file.fileUrl)
      if (['jpg', 'jpeg', 'png', 'bmp', 'txt'].indexOf(fileSuffix.toLowerCase()) > -1) {
        this.downloadMatrail(file)
      } else window.open(file.fileUrl)
    },

涉及到其他方法：

  //获取已上传文件后缀
    getFileSuffix(file) {
      //获取最后一个.的位置
      let index = file.lastIndexOf('.')
      //获取后缀
      let ext = file.substr(index + 1)
      return ext
    },