后台返回文件流,前端下载为excal

2024-05-09 12:12

本文主要是介绍后台返回文件流,前端下载为excal,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

 const down = (type,response)=>{// 创建隐藏的可下载链接const url = window.URL.createObjectURL(new Blob([response.data]));const link = document.createElement('a');link.href = url;console.log(url,"url")link.setAttribute('download', type+'.xlsx'); // 自定义文件名document.body.appendChild(link);// 模拟点击下载link.click();// 清除无用的URL对象window.URL.revokeObjectURL(url);link.remove();}

这篇关于后台返回文件流,前端下载为excal的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/973378

相关文章

Jquery 实现表单提交按钮变灰,防止多次点击提交重复数据

表单提交时候我们应该控制提交按钮,不能点击多次进行数据的重复提交。要不然就会有冗余的重复的数据在系统中,造成系统出现数据垃圾。jQuery很简单的就可以实现对表单提交按钮控制,下面就是相关的例子和代码。 <form action="${pageContext.servletContext.contextPath}/XXX/###" method="post" id="messag

2019年长沙前端技术分享大会圆满成功

做一个积极的人 编码、改bug、提升自己 我有一个乐园,面向编程,春暖花开! 本文首发: 唐胡子俱乐部,授权发布! 摘要 长沙百名互联网前端程序员齐聚长沙互联网活动基地(唐胡子俱乐部)。 主办单位:唐胡子俱乐部 支持单位:芒果TV,拓维,湘邮,58到家,御泥坊,兴盛优选,中软国际,长海科技,长沙联通 时 间:2019年5月19日 ----------------------

智能点击标签至最后一个再返回至第二个

场景说明:APP中上部一般都会有动态标签,当点击最后一个标签,标签会有整体左移的效果,                   左移后,页面的最右侧标签不一定是最后一个,需要判断,如果不是最后一个,                   继续点击一次,如果是,则说明 标签整体左移功能正常。                 吐槽点:使用xpath的定位方式是不是很low,稍后和前端商量下,看看能不能帮忙加

Maven无法下载、mirror配置、mvn不是内部命令

maven无法下载 Inspects a Maven model for resolution problems jar资源下载出错,原因肯定是各种各样,下面提供几个解决方案: 如果有vpn的话,尝试配置vpn后,再次配置pom.xml 尝试配置其他镜像库,比如说:阿里云(setting文件的mirrors中添加入下图) mvn不是内部命令 在winodws中使用各种各样的命令,出现频率

vue3显示element-plus所有icon

效果 代码 <template><div style="display: flex;flex-wrap: wrap"><component :is="name" style="width: 2rem; margin-left: 2rem" v-for="(name,index) in icons" :index="index" :key="index"></component></div>

bimface开发实战-vue版

效果 演示地址 框架 bimface + vue3.0 代码地址 gitee地址 使用 yarn install yarn serve

vue3.0 v-model 的使用

前言 组件功能:把 el-switch 的值 false/true, 动态绑定输出为 0, 1 组件代码 封装el-switch组件,当el-switch的值为false,输出值为0;当el-switch的值为true,输出值为1; <template><el-switch v-model="switchValue" @change="changeEvent"></el-switch

如何从iOS Developer 中下载xcode dmg

最新的xcode beta 版本可以直接下载dmg安装包,但是最新的xcode正式版本却只能更新。很多时候需要在多台机器上安装xcode,显然就需要dmg。自从出了xcode ghost 事件之后,又担心第三方的xcode下载会被植入后门,其实苹果开发者官网有dmg的安装包下载,只是隐藏的比深。 点击链接:https://developer.apple.com/downloads/ 这里面不但

Vue学习笔记:拦截器

原文地址 Vue可以对http request和http response添加全局拦截,最典型的例子就是在请求头里添加token,和监测是否登录,如果没有登录则跳转到登录页面。 main.js中添加拦截器的代码: 1. request 拦截器 //request 拦截器,在请求头中加tokenaxios.interceptors.request.use(config => {if (lo

css3属性之background-size兼容ie8方案

解决方案 在ie8浏览器可能背景图片无法自适应全屏,这时候加入设置filter属性即可解决问题,同时加入height:100 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>.bg{background: #EAEAEA;height: 100%;background