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

Fhm123456_

于 2022-03-23 17:33:54 发布

阅读量729

点赞数 1

CC 4.0 BY-SA版权

文章标签： elementui vue.js vue

本文链接：https://blog.youkuaiyun.com/Fhm123456_/article/details/123691844

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 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)
    },

亲测可以~