前端下载文件

Cirosty

已于 2022-11-17 14:47:49 修改

阅读量300

点赞数

分类专栏： js 文章标签： javascript 开发语言 ecmascript

于 2022-11-17 14:45:57 首次发布

本文链接：https://blog.csdn.net/zhangluludeCSDN/article/details/127903755

版权

js 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

exportFile (filePath, item) {
      const b = {
        method: 'get',
        headers: {
          'Content-Type': 'application/json'
        },
        responseType: 'blob',
        url: url + ':9001/api/tHistoryData/downHistoryFile?filePath=' + filePath + '&fileName=' + item.fileName
      }
      axios(b).then(response => {
        downloadFile(response, item.fileName)
      })
    },

/**
 * 文件描述：解析blob响应内容并下载
 * 创建时间：2022/9/22 下午 5:04
 * 创建人：周春磊
 *
 * */

/**
 * 解析blob响应内容并下载zip
 * @param {*} res blob响应内容
 */
export function downloadFile (res,fileName) {
  const blob = new Blob([res.data])
  const downloadElement = document.createElement('a')
  const href = window.URL.createObjectURL(blob)
  var patt = new RegExp('filename=([^;]+\\.[^\\.;]+);*')
  console.log(res)
  var contentDisposition = decodeURI(res.headers['content-disposition'])
  var result = patt.exec(contentDisposition)
  console.log(patt,patt.exec(contentDisposition))
   // (.*?   研究下这个
  // var fileName = decodeURI(result[1])
  // eslint-disable-next-line no-useless-escape
  fileName = fileName.replace(/\"/g, '')
  // 后台再header中传文件名
  const name = fileName
  downloadElement.href = href
  downloadElement.download = name
  document.body.appendChild(downloadElement)
  downloadElement.click()
  document.body.removeChild(downloadElement) // 下载完成移除元素
}