首页 > 其他分享 >前端二进制文件下载

前端二进制文件下载

时间:2024-01-25 16:12:07浏览次数:32  
标签:二进制 res 前端 fileName let blob document data 下载

    // 下载模板
export function downTemplate(data = {}) {
  return request({
    url: `${apiPrefix}/system/user/importTemplate`,
    method: 'POST',
    data,
    responseType: 'blob'  // 需要添加返回类型
  })
}
    const res = await downTemplate()
      if (res.status === 200) {
        let blob = new Blob([res.data], {  //res.data为返回的文件流
          type: 'application/xls;charset=UTF-8'
        })
        let fileName = '导入模板.xls'
        if ('download' in document.createElement('a')) {
          // 非IE下载
          let a = document.createElement('a')
          a.download = fileName
          a.style.display = 'none'
          a.href = URL.createObjectURL(blob)
          document.body.appendChild(a)
          a.click()
          URL.revokeObjectURL(a.href) // 释放URL 对象
          document.body.removeChild(a)
        } else {
          // IE10+下载
          navigator.msSaveBlob(blob, fileName)
        }
      }

 

标签:二进制,res,前端,fileName,let,blob,document,data,下载
From: https://www.cnblogs.com/LylePark/p/17987383

相关文章

  • 前端工程化解决方案webpack使用小结
    前端工程化解决方案webpack,模块化、组件化、规范化、自动化,使得前端开发更加高效。功能:代码压缩混淆、处理浏览器端js的兼容性、以模块化的方式处理项目中的资源webpack插件:clean-webpack-plugin清除dist文件夹之前打包生成的文件使用步骤:先安装 再在webpac......
  • Airtest-Selenium实操小课③:下载可爱猫猫图片
    此文章来源于项目官方公众号:“AirtestProject”版权声明:允许转载,但转载必须保留原链接;请勿用作商业或者非法用途1.前言上次实操小课分享,我们分享了如何使用Airtest-selenium实现自动化刷B站,还没看的同学可以戳这里回顾一下~那么这周我们看看如何实现使用Airtest-Selenium实......
  • K8s笔记-使用 Service 把前端连接到后端
    1配置configMap1.1配置cm[root@k8s-master~]#kubectlexec-itnginx-deploy-78d8bf4fd7-2xtd2-ntest--sh-c"cat/etc/nginx/nginx.conf"[root@k8s-master~]#kubectlexec-itnginx-deploy-78d8bf4fd7-2xtd2-ntest--sh-c"cat/usr/share/ngi......
  • 数据结构与算法 pdf下载
    《数据结构与算法》涉及计算机中数据的组织、重组、移动、使用和提取等操作方法,及相关的数学分析。《数据结构与算法》所选的主题基于以下几个朴素的原则。第一,本书只讲解实用的技术,而忽略一些理论上非常虽然出色、但不太实用的算法。第二,本书既包含经典的方法,也包括最近发现的......
  • 使用nvm下载node版本安装npm失败
     1.从http://npm.taobao.org/mirrors/npm/下载对应npm包2.将npm包中bin文件夹下的四个文件复制粘贴到对应node文件夹中3.把下载npm包改名为npm放入node路径下的node_module中参考文章:https://blog.csdn.net/qq_39293316/article/details/132413050 ......
  • 前端小知识
    一、input框限制1. 只能输入数字代码(小数点也不能输入)<inputonkeyup="this.value=this.value.replace(/\D/g,'')"onafterpaste="this.value=this.value.replace(/\D/g,'')">2. 只能输入数字,能输小数点<inputonkeyup="if(isNaN(value))e......
  • 二进制序列
    二进制序列keyValue.serialize.pas///<author>cxg2023-8-16</author>///支持delphiandfpc.///支持linuxandwindows.///键-值数据序列:keyLen(integer)+keyName(rawbytestring)+valueLen(integer)+value///测试:d7~d11,lazarusunitkeyValue.serialize;in......
  • 在vue中前端自己写分页
    在写一个批量上传图片的功能,需要对每一个上传的图片改写文件名并上传。因此需要查看每一张图片的信息。图片过多,就需要使用分页来展示数据了,下边是部分代码<el-pagination@current-change="handleCurrentChange":current-page="page":page-size="limit" layout="total,p......
  • Django学习第一天-Flask_Web前端HTML部分
    目录1.day11.快速开发网站2.浏览器能识别的标签2.1编码2.2title2.3标题2.4div和span2.5超链接2.6图片小结2.7列表2.8表格2.9input系列(7个)2.10下拉框2.11多行文本案例:用户注册2.12网络请求目的:开发一个平台(网站)-前端开发:HTML、CSS、JavaScript-Web框架:接收并处理请求......
  • 二进制
    数据是用二进制数表示的8位=1字节例如:32位32/8=4四字节;将二进制数的各数味的值和位权相乘后再相加,即可转换成十进制数01011100转10进制64+16+8+4=9229转二进制短除法二进制数左移一位后变为原来的值的2倍。两位后就是22=4倍所有位都是1的二进制数,转为十......