首页 > 其他分享 >前端根据生成的文档流下载、预览文档

前端根据生成的文档流下载、预览文档

时间:2024-02-26 16:46:08浏览次数:21  
标签:const 预览 url 前端 href link blob 文档

下载:

axios({     url: `url`,     method: "post",     data: {      参数...     },     responseType: "blob",   }) .then((res)=>{   const link = document.createElement("a");       let blob = new Blob([res.data], { type: "application/vnd.ms-excel" });       link.style.display = "none";       link.href = URL.createObjectURL(blob);       link.download = "下载文档" + ".xls"; //下载的文件名       document.body.appendChild(link);       link.click();       document.body.removeChild(link); }) 预览: axios({     url: `url`,     method: "post",     data: {      参数...     },     responseType: "blob",   }) .then((res)=>{  const blob = new Blob([response], { type: "application/pdf" });     const href = window.URL.createObjectURL(blob);     window.open(href); })

标签:const,预览,url,前端,href,link,blob,文档
From: https://www.cnblogs.com/evenbest/p/18034666

相关文章

  • 看看 ChatGPT 给的前端面试题
    以下是一些可能出现在中国互联网公司前端开发工程师面试中的题目:解释一下CSS盒模型,并说明其中的各个部分。请解释一下响应式设计是什么,以及你是如何实现响应式设计的。什么是跨域资源共享(CORS)?它的工作原理是什么?如何在前端处理跨域请求?请解释一下JavaScript中的事件委托(E......
  • vue3+vite使用vue-pdf-embed或者pdf-vue3预览 PDF 文件(能躲避 XSS 攻击,需要 pdf 文件
    1.使用vue-pdf-embed1.npm安装所需插件[email protected]@0.1.62.封装组件(创建pdfPriview.index文件)<template><divclass="pdf-preview"> <vue-pdf-embed :source="state.source" v-for="pageinstate......
  • 前端介绍
    前端Web前端开发者-学习Web开发|MDN(mozilla.org)【一】前端的概念【1】前端与后端前端是指网站或Web应用程序的用户界面部分,负责展示数据和与用户进行交互。它是用户直接接触和感知到的部分,包括网页的布局、样式和交互功能。后端是指网站或Web应用程序的服务......
  • 【机器学习算法】KNN鸢尾花种类预测案例和特征预处理。全md文档笔记(已分享,附代码)
    本系列文章md笔记(已分享)主要讨论机器学习算法相关知识。机器学习算法文章笔记以算法、案例为驱动的学习,伴随浅显易懂的数学知识,让大家掌握机器学习常见算法原理,应用Scikit-learn实现机器学习算法的应用,结合场景解决实际问题。包括K-近邻算法,线性回归,逻辑回归,决策树算法,集成学习,聚......
  • Elastic学习之旅(4)ES文档CRUD操作
    大家好,我是Edison。上一篇:ES必备基础概念一览ES文档CRUD介绍和MongoDB一样,文档的CRUD是我们学习ES的必备操作,下图展示了ES文档的CRUD概要:从上图可以知道,ES文档除了CRUD外,还多了一个Index操作,它的功能Create类似,但又有点不同:Create-如果ID存在,则会失败;否则新增成功;Ind......
  • Java基础12:JavaDoc生成文档
    JavaDoc1.javadoc命令是用来生成自己API文档的2.参数信息2.1@author作者名2.2@version版本号2.3@since指明需要最早使用的jdk版本2.4@param参数名2.5@return返回值情况2.6@throws异常抛出情况 ......
  • 前端必学-40个精选案例实战-案例9:仿QQ空间留言板案例实战
    案例分析:讲解留言板模块运用文本域实现留言板的输入框<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><style>textarea{/*css比它自有属性优先级高*/width:100px;......
  • 记一个前端验证
    物色目标hunter语法icp.name="职业学院"&&web.body="注册"&&web.body="登录"icp.name="学院"&&web.body="注册"&&web.body="登录"找一些没图标的老古董系统进去注册,有时候可以捡漏前端验证当返回包中参数为1时,就表示登录成功并跳转,用burp抓......
  • 全能代码生成器,自动生成前后端代码、生成项目框架、生成JavaBean、生成数据库文档、自
    TableGo_20240224v8.4.0正式版发布,此次版本累计更新如下: 1、TableGo专属LOGO上线 2、生成数据库文档ER图新增备注+字段名的生成配置 3、生成自定义文件功能新增临时参数配置,用于使用临时数据生成自定义文件 4、新增基于Excel数据生成自定义文件,可导入Excel数据生成程序代码......
  • 前端树形Tree数据结构使用-‍♂️各种姿势总结
    01、树形结构数据前端开发中会经常用到树形结构数据,如多级菜单、商品的多级分类等。数据库的设计和存储都是扁平结构,就会用到各种Tree树结构的转换操作,本文就尝试全面总结一下。如下示例数据,关键字段id为唯一标识,pid为父级id,用来标识父级节点,实现任意多级树形结构。"pid":0“......