美文网首页
前端常见下载功能

前端常见下载功能

作者: 初空 | 来源:发表于2022-06-22 20:54 被阅读0次

1、二进制文件下载,服务端提供二进制文件 BLOB

 const onExport = (startTime, endTime, type) => {
    axios
      .post(
        '/api/customer/manage/exportClueUser',
        {
          startTime,
          endTime,
          type,
        },
        {
          headers: {
            Accept: 'application/json',
            'Access-Control-Allow-Origin': '*',
            'Content-Type': 'application/json',
          },
          responseType: 'blob',
        },
      )
      .then((response) => {
        const {
          data,
          headers: { filename },
          status,
        } = response;
        if (status === 200) {
          let a = document.createElement('a');
          a.download = filename;
          a.style.display = 'none';
          let blob = new Blob([data], {
            type: 'application/vnd.ms-excel;charset=utf-8',
          });
          a.href = URL.createObjectURL(blob);
          document.body.appendChild(a);
          a.dispatchEvent(new MouseEvent('click'));
          document.body.removeChild(a);
        }
      });
  };

2、服务端提供下载地址

 *getExcelModel({ payload }, { call, put }) {
      const { retValue, retCode, retMsg } = yield call(
        services.getExcelModel,
        payload,
      );
      if (retCode === '200') {
        if (retCode === '200') {
          var a = document.createElement('a');
          a.download = `线索.xlsx`;
          a.href = retValue;
          document.body.appendChild(a);
          a.click();
          document.body.removeChild(a);
          message.success('下载成功');
        }
      }
    },

https://www.cnblogs.com/jdWu-d/archive/2020/07/31/13410664.html

相关文章

  • 前端常见下载功能

    1、二进制文件下载,服务端提供二进制文件 BLOB 2、服务端提供下载地址 https://www.cnblogs...

  • Android文件下载前获取多个网络文件总大小

    文件下载是开发中比较常见的功能,当后端无法告诉前端下载文件大小时,就需要前端自己获取文件大小 简单的方法为: 当文...

  • 借助js-xlsx框架实现前端下载功能

    通常做下载功能时后端下载居多,此时对于前端来说只需点击一个下载链接就可以实现下载功能。当需要前端做下载功能时你就需...

  • 前端文件下载的几种方式

    前端开发中,经常遇到文件下载的功能。这里对常见的文件下载方式做一些总结。 一、直接下载 针对一些浏览器无法识别的文...

  • 前端下载功能

    场景 阿里云OSS,在知道url地址的情况下,进行多文件下载,涉及的阿里云的相关aip就不在此讨论了 1.a标签 ...

  • 常见前端手写功能

    1.防抖 2.节流

  • 6-WbeStorm

    常见的前端开发工具如下: ·记事本:提示功能较差 ·editplus/nodepad++:提示功能较差 ·Drea...

  • 页面dom节点转图片下载

    前端页面导出功能:1.前端页面画出的html节点2.html节点转图片3.file-saver下载步骤:1.下载h...

  • 前端知识体系

    ** 1. 前端是做什么的?互联网职位有哪些常见的简称(如PM…)** 前端负责页面呈现和交互功能常见职位简称:P...

  • 任务二

    问答: 1、前端是做什么的?互联网职位有哪些常见的简称(如PM…) 前端负责页面呈现和交互功能 互联网职位常见简称...

网友评论

      本文标题:前端常见下载功能

      本文链接:https://www.haomeiwen.com/subject/yvybyrtx.html