多种类型文件流下载vue

嘿丢丢

已于 2023-10-16 15:11:45 修改

阅读量76

点赞数

文章标签： vue.js 前端 javascript

于 2023-10-16 15:05:34 首次发布

本文链接：https://blog.csdn.net/ctc_ctc/article/details/133711351

版权

文章目录

- 多种类型文件流下载

多种类型文件流下载

//res 文件流  fileName 文件名称 type 文件类型
const downloadFile=(res, fileName, fileType)=> {
      let blob
      if (fileType== '.xls') {
        blob = new Blob([res], { type: 'application/vnd.ms-excel' })

      } else if (fileType == '.xlsx') {
        blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })

      } else if (fileType== '.doc') {
        blob = new Blob([res], { type: 'application/msword' })

      } else if (fileType== '.docx') {
        blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' })

      } else if (fileType== '.pdf') {
        blob = new Blob([res], { type: 'pplication/pdf' })

      } else if (fileType== '.ppt') {
        blob = new Blob([res], { type: 'application/vnd.ms-powerpoint' })

      } else if (fileType== '.png') {
        blob = new Blob([res], { type: 'image/png' })

      } else if (fileType== '.pptx') {
        blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.presentationml.presentation' })

      } else if (fileType== '.jpeg') {
        blob = new Blob([res], { type: 'image/jpeg' })

      } else if (fileType== '.zip') {
        blob = new Blob([res], { type: 'application/zip' })

      } else if (fileType== '.7z') {
        blob = new Blob([res], { type: 'application/x-7z-compressed' })

      } else if (fileType== 'tar') {
        blob = new Blob([res], { type: 'application/x-tar' })

      } else if (fileType== '.7z') {
        blob = new Blob([res], { type: 'application/x-7z-compressed' })

      }else{
      	this.$message.error('该文件类型未配置，请配置文件类型')
      	return false
      }
      if (blob) {
        let link = document.createElement('a')   // 创建一个<a>标签
        link.style.display = 'none'                       // 隐藏标签
        link.href = window.URL.createObjectURL(blob)      // 配置href
        link.download = fileName + fileType
        link.click()
        URL.revokeObjectURL(elink.href)   // 释放URL 对象(弹出框进行下载)
        document.body.removeChild(elink)  // 移除<a>标签
      }
    }