下载word/xlsx等文件，和下载txt。jpj文件区别以及具体操作

原创于 2022-03-23 17:33:54 发布 · 754 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #vue.js #vue

这个博客分享了两种文件下载的方法，一种适用于txt/jpg格式，另一种针对word/xlsx文件。通过创建HTML的a标签并设置href和download属性，实现了浏览器内点击下载的功能。亲测有效。

 txt/jpg使用方式：下载
downloadFile(obj) {
      if (!obj.filePath) return
      const downloadElement = document.createElement('a')
      const url = obj.filePath
      fetch(url).then(res => res.blob()).then(blob => { // 将链接地址字符内容转变成blob地址
        downloadElement.href = URL.createObjectURL(blob)
        downloadElement.download = ''
        document.body.appendChild(downloadElement)
        downloadElement.click()
      })
    },

word/xlsx下载

    downloadFile(obj) {
      if (!obj.filePath) return
      const downloadElement = document.createElement('a')
      downloadElement.href = obj.filePath
      downloadElement.download = obj.fileName
      document.body.appendChild(downloadElement)
      downloadElement.click()
      document.body.removeChild(downloadElement)
    },

亲测可以~