首页 > 其他分享 >前端处理后台返回的流数据

前端处理后台返回的流数据

时间:2023-05-25 20:04:30浏览次数:33  
标签:返回 pdfUrl res 前端 binaryData window 后台


1、接口请求的时候一定要加responseType: 'blob',否则生产的文件会是空白(PDF)
2、代码实现

const binaryData = []
        binaryData.push(res)// res 后台返回的流数据
        this.pdfUrl = window.URL.createObjectURL(new Blob(binaryData, { type: 'application/pdf' }))
        window.open(this.pdfUrl)

标签:返回,pdfUrl,res,前端,binaryData,window,后台
From: https://blog.51cto.com/chengzheng183/6350795

相关文章

  • 前端总结
    前端与后端的概念前端就是与用户直接打交道的操作界面就可以称为前端后端不直接与用户打交道主要负责内部真正的业务逻辑的执行就是后端前端的三个模式HTML编写前端页面的文件css给html前端增加样式包装一下前端页面JavaScript给前端HTML文件增加功能Http协议(规定......
  • bat 后台运行
    1、第一种解决办法在你写的批处理文件,开头加上以下三行代码即可:if"%1"=="hide"gotoCmdBeginstartmshtavbscript:createobject("wscript.shell").run("""%~0""hide",0)(window.close)&&exit:CmdBegin2、第二种解决办法比如你的批处理文件,名字为......
  • springboot aspect 对请求参数,返回数据加密
        对客户端<--->服务端传输数据加密。  上送文件流不加密,其他信息加密。  返回信息加密。 切面的方式进行解密,不修改业务逻辑。   找到对应的方法,对应的参数,进行解密。@Around("@annotation(com.jiayingsoft.scip.annotation.ScipSecureityMethodAtn......
  • 前端微服务无界实践
    一、前言随着项目的发展,前端SPA应用的规模不断加大、业务代码耦合、编译慢,导致日常的维护难度日益增加。同时前端技术的发展迅猛,导致功能扩展吃力,重构成本高,稳定性低。因此前端微服务应运而生。前端微服务优势1.复杂度可控:业务模块解耦,避免代码过大,保持较低的复杂度,便于维......
  • java removeAll 返回2个数组的差集
    注意:removeAll不是差集importjava.util.ArrayList;publicclassImoocStudent{publicstaticvoidmain(Stringargs[]){ArrayList<String>objArray=newArrayList<String>();ArrayList<String>objArray2=newArrayList......
  • 基于Qt的音乐播放器(三)通过酷狗音乐的api接口,返回json格式歌曲信息(播放地址,歌词,图片)
    2020博客之星年度总评选进行中:请为74号的狗子投上宝贵的一票!我的投票地址:点击为我投票文章目录前言1.获取歌曲搜索列表api接口2.获取单个歌曲详细信息包括歌词3.总结前言首先说明,本教程仅供个人学习,研究使用,禁止用于任何的商业和非法用途。(手动狗头)之所以要研究这个,是因为我想......
  • Fdog系列(二):html写完注册页面之后怎么办,用java写后台响应呀。
    文章目录1.前言2.创建javaweb项目3.创建Server4.解决中文乱码问题5.响应后台数据目录Fdog系列(一):思来想去,不如写一个聊天软件,那就从仿QQ注册页面开始吧。所有文章源码已整体打包上传至github,求星星!1.前言接着第一篇用html完成了注册页面,第二篇,我们来完成后台数据处理,需要用......
  • screen命令后台运行python 脚本
    1、安装screenyuminstall-yscreen2、新建一个screenscreen-Sxiedi这样会新开一个窗口,然后执行命令即可pythonmanage.pyrunserver0.0.0.0:90003、重开一个窗口,列出所有screen进程,如下\[root@docker~\]\#screen-lsTherearescreenson:3029.xiedi(Attached......
  • 碎片化学习前端之JavaScript(for...in 和 Object.keys() 的区别)
    前言JavaScript中遍历对象的方式主要有:for...in和Object.keys()两种方式。for...inletobj={name:'ming',age:18,}obj[Symbol('hello')]='world'obj.__proto__={gender:'man',job:'font-end'}f......
  • 获取API接口返回的商品详情数据后该如何使用
    获取API接口返回的商品详情数据后,我们可以使用以下方式将其处理和利用:数据展示:我们可以将API接口返回的商品详情数据以列表、表格、图形等形式展示给用户,以便他们更好地了解商品的基本信息、特征、评价等。我们可以根据不同的需求,对商品数据进行筛选、排序、过滤等操作来展示......