后端返回数据流,前端进行转换blob文件流

这篇具有很好参考价值的文章主要介绍了后端返回数据流,前端进行转换blob文件流。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1. 首先相应的头里面请求改为 responseType: 'blob'

2. 

         let res = await getPhotoVideoUrl() --此处为模拟的获取一个视频流的地址;

        const img = new Blob([res], { type: 'image/png' });

        let imgUrl = window.URL.createObjectURL(img);

3.拿到流的地址后,先进行new Blob进行创建一个对象。在使用windows进行转换、

后端如何返回blob文件流,前端

 文章来源地址https://www.toymoban.com/news/detail-638013.html

到了这里,关于后端返回数据流,前端进行转换blob文件流的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • 后端接口返回图片(数据流)前端怎么处理(ArrayBuffer转base64)【包含PC以及小程序】

    后端接口返回图片(数据流)前端怎么处理(ArrayBuffer转base64)【包含PC以及小程序】

    MDN-前端必看网站 #最后如果axios的封装时有封装响应拦截器,如下: 要给这个if判断的条件做补充 这里放axios官网的请求配置中 responseType 可选值参考(封装axios必须了解) axios官网地址

    2024年02月14日
    浏览(14)
  • 前端实现文件下载的方法;以及后端返回 blob 文件流,进行展示。

    前端下载一般分为两种情况,一种是后端直接给一个文件地址,通过浏览器打开就可以下载,另外一种则需要发送请求,后端返回二进制流数据,前端解析流数据,生成URL,实现下载。 通过a标签的download属性来实现文件下载,这种方式是最简单的,也是比较常用的方式,先来

    2024年02月06日
    浏览(14)
  • 后端返回文件流,前端用blob转换后,下载的文件乱码或者打不开怎么解决

    1、确认接口有没有设置 responseType: “blob” 2、使用blob转换,res 是 后端返回的文件流 3、如果文件还是打不开,提示文件格式不对……,那就看看项目中有没有引用 mockJs ,有的话注释掉就可以啦

    2024年02月16日
    浏览(47)
  • uniapp 移动端 后台返回数据流 查看PDF

    uniapp 移动端 后台返回数据流 查看PDF

    使用步骤: 1.官网下载地址pdf.js 2.在项目的根目录新建hybrid文件夹,将下载的pdf.js压缩包解压后,复制到hybrid下的html文件夹中 3.在page文件夹下新建一个filePreview.vue页面,页面代码如下: 4.从接口处拿到数据流进行处理,将数据流转化成base64,需要用到image-tools.js,引用uniap

    2024年02月12日
    浏览(9)
  • 什么是Vue的数据流(单向数据流)?如何进行数据流管理

    什么是Vue的数据流(单向数据流)?如何进行数据流管理

    在Vue中,数据流是指数据的传递和管理方式。Vue采用的是单向数据流,也就是说,数据是从父组件流向子组件,子组件不能直接修改父组件的数据。本文将介绍Vue的数据流机制,以及如何进行数据流管理。 Vue的数据流机制可以分为两类:props和events。 Props 在Vue中,父组件可以

    2024年02月08日
    浏览(13)
  • ELK 将数据流转换回常规索引

    ELK 将数据流转换回常规索引

    ELK 将数据流转换回常规索引 现象:创建索引模板是打开了数据流,导致不能创建常规索引,并且手动修改、删除索引模板失败 解决方法: 1、停止logstash不允许重新创建数据流的索引 2、kibana上删除数据流 3、修改索引模板将数据流转换回常规索引 4、重新启动logstash

    2024年02月14日
    浏览(10)
  • 转换流-数据流-对象流-打印流-标准输入输出流

    把字节流转换为字符流,转换流是一种处理流。字节流有乱码的可能。 假设input.txt文件中存放了字符串 “abc中国” ,使用字节流读取会乱码,使用字符流读取是使用平台默认的编码格式读取的,如果文本存储是不是平台的编码格式,也会出现乱码。转换流本质上就是加了编

    2024年02月12日
    浏览(11)
  • 前端基于axios请求下载文件(后端返回Blob文件流)

    前端基于axios请求下载文件(后端返回Blob文件流)

    前端小白第一篇csdn文章就当自己记录学习啦! 我自己遇到的情况写在前面防止有人和我不一样,浪费时间浏览; 调用下载接口后端给我返回的数据格式(即文件流格式)如下: 1.按钮定义点击事件 2.调用后端接口 在使用 axios 请求下载文件 api 接口时,注意区分不同请求方法

    2024年02月11日
    浏览(46)
  • 使用Flink实现Kafka到MySQL的数据流转换:一个基于Flink的实践指南

    使用Flink实现Kafka到MySQL的数据流转换:一个基于Flink的实践指南

    在现代数据处理架构中,Kafka和MySQL是两种非常流行的技术。Kafka作为一个高吞吐量的分布式消息系统,常用于构建实时数据流管道。而MySQL则是广泛使用的关系型数据库,适用于存储和查询数据。在某些场景下,我们需要将Kafka中的数据实时地写入到MySQL数据库中,本文将介绍

    2024年04月15日
    浏览(14)
  • vue 后端返回二进制流-前端通过blob对象下载文件-图片

    前言 在实际开发中我们经常会遇见下载文件的场景,比如下载合同,下载文件 下载文件有2种方式,一种是后端返回二进制流,前端通过blob对象接受根据不同类型下载 还有一种把地址直接在浏览器新窗口打开浏览器打开pdf可以预览和下载,其他文件直接下载 但不管是那种方

    2024年02月05日
    浏览(10)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包