首页 > 其他分享 >解析后端接口的文件流

解析后端接口的文件流

时间:2023-04-27 19:45:10浏览次数:39  
标签:文件 document const 接口 fileName dlink blob guideCome 解析

下面使用的是若依框架中的axios请求

api:通用

import request from '@/utils/request'

export function guideCome(data){
    return request(
        {
            url: '/sys/client/export',
            method: 'post',
            responseType: 'blob',
            data
            }
        )
}

 

当前页面:

 const fileName = this.$route.query.name + '这里是修改需要的文件类型'
    // 导出
    guideCome () {
      guideCome({ intentionSign: this.displaySwitching }).then(res => {
        const blob = new Blob([res])
        const fileName = this.$route.query.name + '.xls'
        const dlink = document.createElement('a')
        if ('download' in document.createElement('a')) { // 非IE下载
          const dlink = document.createElement('a')
          dlink.download = fileName
          dlink.style.display = 'none'
          dlink.href = URL.createObjectURL(blob)
          document.body.appendChild(dlink)
          dlink.click()
          URL.revokeObjectURL(dlink.href) // 释放URL 对象
          document.body.removeChild(dlink)
        } else { // IE10+下载
          navigator.msSaveBlob(blob, fileName)
        }
      })
    },

 

标签:文件,document,const,接口,fileName,dlink,blob,guideCome,解析
From: https://www.cnblogs.com/0722tian/p/17360052.html

相关文章

  • 【动手学深度学习】第五章笔记:层与块、参数管理、自定义层、读写文件、GPU
    为了更好的阅读体验,请点击这里由于本章内容比较少且以后很显然会经常回来翻,因此会写得比较详细。5.1层和块事实证明,研究讨论“比单个层大”但“比整个模型小”的组件更有价值。例如,在计算机视觉中广泛流行的ResNet-152架构就有数百层,这些层是由层组(groupsoflayers)的重复模......
  • jeecgboot启动时日志打印所有接口,作为开发时的参考作用吧。
    主要的方式是使用了RequestMappingHandlerMapping这个bean当中保存了所有的映射、对应的controller类、方法等等的信息。在单体启动类中取出这个bean然后遍历就可以了,代码如下:/***单体启动类(采用此类启动为单体模式)*/@Slf4j@SpringBootApplicationpublicclassJeecgSyste......
  • FastFDS中的配置文件
    1、client.conf#connecttimeoutinseconds#defaultvalueis30sconnect_timeout=30       #连接超时 #networktimeoutinseconds#defaultvalueis30snetwork_timeout=60       #网络超时 #thebasepathtostorelogfiles......
  • 新项目删除SceneDelegate以及创建PrefixHeader文件
    1.新项目删除SceneDelegate删除SceneDelegate文件info.plist文件中删除ApplicationSceneManifest中的item删除SceneDelegate在AppDelegate中的代理在AppDelegate.h添加window小问题:2.新项目plist文件的移动buildSeting里搜索info.plistFile设置路径3.......
  • Spring17_配置文件知识要点5
    <bean>标签id属性:在容器中Bean实例的唯一标识,不允许重复class属性:要实例化的Bean的全限定名scope属性:Bean的作用范围,常用是Singleton(默认)和prototype<property>标签:属性注入,set方法注入使用name属性:属性名称va......
  • vue3 ts 项目文件夹解析
    vue3ts项目文件夹解析layouts文件夹通常用于存放应用程序中的布局组件或布局相关的文件。布局组件是用于包装应用程序中的页面内容的组件,通常包含头部导航、侧边栏、页脚、页面标题等等。布局组件可以在不同的页面中共享,并且可以为应用程序带来一致的外观和体验。core存放......
  • Spring17_配置文件依赖注入4
    一、Bean的依赖注入入门1.创建UserService,UserService内部再调用UserDao的save()方法 2.将UserServiceImpl的创建权交给Spring3.从Spring容器中获得UserService进行操作执行UserController中的main方法,检查控制台输出:二、Bean的依赖......
  • SpringBoot配置日志文件定期切割
    下面是我的配置:创建logback-spring.xml写入下面的配置<?xmlversion="1.0"encoding="UTF-8"?><configurationdebug="false"><!--定义日志文件的存储地址勿在LogBack的配置中使用相对路径--><propertyname="LOG_HOME"value=&quo......
  • c# winform Socket多文件传输并把传输文件保存到Oracle数据库Blob字段里
    服务器接收端代码:usingSystem;usingSystem.Collections.Generic;usingSystem.ComponentModel;usingSystem.Data;usingSystem.Drawing;usingSystem.Text;usingSystem.Windows.Forms;usingSystem.Net;usingSystem.Threading;usingSystem.......
  • 实现从文件中一次读出一个字符的操作,java实现从文件中一次读出一个字符的操作...
    InputStreamis=newFileInputStream("in.file");...byteb=(byte)(is.read());Readerr=newFileReader("in.file");...charc=(char)(r.read());read(),是读byte的 黑色头发 http://heisetoufa.iteye.com如果发现本文有误,欢迎......