首页 > 其他分享 >fetch下载文件

fetch下载文件

时间:2022-12-28 15:45:23浏览次数:30  
标签:body 文件 const res fileName blob document fetch 下载

let fileName = '';
      let options = {
        method: "POST", //post请求
        headers: {
          Accept: "application/json",
          "Content-Type": "application/json",
          "X-Token": getToken(),
        },
        body: JSON.stringify({
          type: "exercises",
        }),
      };
      fetch(`${VUE_APP_BASE_API}/teachingresource/question/export `, options)

          .then((res) => {
            // 切割出文件名
            const fileNameEncode = res.headers.get('content-disposition').split('filename=')[1]
            // 解码
            fileName = decodeURIComponent(fileNameEncode)
            console.log('fileName', fileName)

            return res.blob();
          })
          .then((blob) => {

            const a = document.createElement("a");
            document.body.appendChild(a);
            a.style.display = "none";
            const url = window.URL.createObjectURL(blob);
            a.href = url;
            a.download = fileName;
            a.click();
            document.body.removeChild(a);
            window.URL.revokeObjectURL(url);
          });

标签:body,文件,const,res,fileName,blob,document,fetch,下载
From: https://www.cnblogs.com/connie256/p/17010286.html

相关文章

  • pandas 读取和保存csv文件
    目录​​读取以,号分隔的txt​​​​读取以空格或多空格或table键分隔的txt​​读取以,号分隔的txt​​Asiafootball.txt​​中国,50,50,9日本,28,9,4韩国,17,15,3伊朗,25,4......
  • 为U盘设置文件系统后可以复制大文件
    我买的u盘是32G,为什么超过10G的文件不可以直接复制进去可以进行以下设置1.2.......
  • layui自定义列表文件超链接
    <scripttype="text/html"id="operator_bar_files">{{#layui.each(d.files,function(index,item){}}{{#if(index<=1){}}<ahref="{{window.fil......
  • WinNTSetup V5.3.0 Bata5 单文件版
    前言WinNTSetup是一款Windows系统硬盘安装器,支持从PE和本地安装系统,支持支持NT内核的系统。WinNTSetup包括XP、Win7、Win8、Win8.1、Win10等这些系统。直接从硬盘安装......
  • 无法将“xxx”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。
    Win键+Q,在搜索框内输入Powershell。点击以管理员身份运行。输入代码set-executionpolicyremotesigned按回车键执行命令。输入A,按回车键执行。   ......
  • JS动态加载引入JS文件
    1.调整标签位置可以把<script>标签放到HTML文档的最后面,这样不影响页面加载。 2.动态创建script来加载loadJS('js/index.min.js?V=1.0.0.1',function(){//加载,......
  • 使用 udev 高效、动态地管理 Linux 设备文件(转载)--1
     ​​黄懋​​,软件工程师,IBM简介: 本文以通俗的方法阐述udev及相关术语的概念、udev的配置文件和规则文件,然后以RedHatEnterpriseServer为平台演示一......
  • .net 批量大文件上传下载
    ​IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag      ......
  • Future 下载
    Future<void>downloadFile(String?fileName,StringurlPath)async{finalCancelTokencancelToken=CancelToken();try{finalStringpath=Dir......
  • MAUI-FilePicker选择文件_选择头像
    一、代码:privateasyncvoidBtnPickAndShow_Clicked(objectsender,EventArgse){try{varresult=awaitFilePicker.PickAs......