当前位置: 首页 > news >正文

后端返回图片流前端展示图片

根据后端返回的图片流格式,选用合适方法转换
下面以base64为例

if(res.status == 200) {res.data.data.forEach((item,index) => {let Array = 'data:image/png;base64,' + itemlet blob = this.base64toBlob(Array)let url = URL.createObjectURL(blob)this.imageList.push({name:this.keyList[index],src:url})});
}

下面是图片流的两种转换方式:

arrayBufferToBase64(buffer) {var binary = ''var bytes = new Uint8Array(buffer)var len = bytes.byteLengthfor (var i = 0; i < len; i++) {binary += String.fromCharCode(bytes[i])}return window.btoa(binary)
},
base64toBlob(dataurl) {var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);while (n--) {u8arr[n] = bstr.charCodeAt(n);}return new Blob([u8arr], { type: mime });
},
http://www.lryc.cn/news/250492.html

相关文章:

  • 解决 from . import _imaging as core ImportError: DLL load failed: 找不到指定的模块。
  • springBoot3.2 + jdk21 + GraalVM上手体验
  • Python float(input())的用法,web中的应用
  • uniapp是否可以用elementUI等前端UI库、使用步骤以及需要注意的问题
  • 在vue中如何书写 SSR 友好的代码
  • 开源与闭源:数字时代大模型之辩
  • 卷积神经网络(VGG-16)猫狗识别
  • Mysql 行转列,把逗号分隔的字段拆分成多行
  • 基于单片机设计的智能水泵控制器
  • 反转链表的实现
  • python之pyqt专栏6-信号与槽2
  • C语言中一些特殊字符的输出
  • Opencv制作电子签名(涉及知识点:像素过滤,图片通用resize函数,像素大于某个阈值则赋值为其它的像素值)
  • 【漏洞复现】大华智慧园区综合管理平台deleteFtp接口远程命令执行
  • Unity Image - 镜像
  • 深入Spring Security魔幻山谷-获取认证机制核心原理讲解(新版)
  • 【知网稳定检索】第九届社会科学与经济发展国际学术会议 (ICSSED 2024)
  • 使用Spark写入数据到数据库表
  • Codebeamer—软件全生命周期管理轻量级平台
  • Yocto - bb脚本中使用的SRC_URI、SRCREV和S
  • LeetCode | 965. 单值二叉树
  • YOLOv8创新魔改教程(一)如何进行模块创新
  • postgresql-shared_buffers参数详解
  • windows10 Arcgis pro3.0-3.1
  • Apache Airflow (十四) :Airflow分布式集群搭建及测试
  • 解决VSCode按住Ctrl(or Command) 点击鼠标左键不跳转的问题(不能Go to Definition)
  • 使用DrlParser 检测drl文件是否有错误
  • ArcGIS中基于人口数据计算人口密度的方法
  • 在CentOS 8.2中安装Percona Xtrabackup 8.0.x备份MySql
  • javascript中的正则表达式的相关知识积累