导出文件 1.post请求 2.get请求

1.post形式
封装请求

export function postExport(url, data = {}) {
  let token = document.cookie.split('=')[1]
  return new Promise((resolve, reject) => {
    axios.post(url, JSON.stringify(data), {
      headers: {
        "Content-Type": "application/json;charset=utf-8",
        'Token': token
      },
      responseType: 'blob', //关键
    })
      .then(response => {
        resolve(response.data);
      }, err => {
        reject(err)
      })
  })
}
this.$postExport(exportPlateNumberImg, data).then((res) => {
        console.log(res, 'res')
        const link = document.createElement('a')
        const blob = new Blob([res], { type: 'application/vnd.ms-excel' })
        link.style.display = 'none'
        link.href = URL.createObjectURL(blob)
        link.download = '车牌号画像列表.xlsx'//设置文件名--用blob方式的话,后台设置的文件名就不起作用了
        document.body.appendChild(link)
        link.click()
        document.body.removeChild(link)
      })

2.get方式

        tableExport(fileurls) {
            console.log('fileurls', fileurls)
            if (fileurls == "" || typeof fileurls == "unedfined") {
                return;
            }

            var downiframe = document.querySelector("#downiframe");
            if (downiframe) {
                downiframe.parentNode.removeChild(downiframe);
            }
            try {
                var elemIF = document.createElement("iframe");
                elemIF.id = "downiframe";
                elemIF.src = fileurls;
                elemIF.style.display = "none";
                document.body.appendChild(elemIF);
            } catch (e) {
                console.dir("error");
            }
        },
 this.tableExport(
          url +
            '?billCode=' +
            billCode +
            '&type=' +
            type +
            '&operator=' +
            operator +
            '&plateNumber=' +
            plateNumber
        )
posted @   崛起崛起  阅读(262)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示