专栏首页西安-晁州接口返回图片二进制流前端展示

接口返回图片二进制流前端展示

接口返回图片二进制流前端展示

问题描述

请求后台接口时,返回图片内容如下:

咋一看,不是base64格式,二十二进制的图片流数据,前端要想展示,只需要转换数据格式为base64即可。

解决方案

设置responseType为arraybuffer

设置了arraybuffer后的接口返回:

base64转换显示

this.processImgSrc = 'data:image/png;base64,' + btoa(new Uint8Array(res.data).reduce((data, byte) => data + String.fromCharCode(byte), ''))

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 使用多说评论&加网分享

    多说评论: <div data-thread-key=" " data-title="{{post.title}}" data-url="{{post.url}...

    用户1141560
  • golang学习之win7下go web之revel安装

    接着上回记录的win7下go环境搭建,go的开发,现在除了sublime外,LiteIDE比较推荐,下载链接 下载安装后直接打开,需要配置下go环境(本机使用的...

    用户1141560
  • 微信小程序初体验

    小程序最近太火,不过相比较刚发布时,已经有点热度散去的感觉,不过这不影响我们对小程序的热情,开发之前建议通读下官网文档,附链接:https://mp.weixi...

    用户1141560
  • 神奇的go语言(面向对象)

    有过C++语言学习经历的朋友都知道,面向对象主要包括了三个基本特征:封装、继承和多态。封装,就是指运行的数据和函数绑定在一起,C++中主要是通过this指针来完...

    李海彬
  • 小程序调用图片接口API并居中显示

    写完调用天气接口的demo之后,小程序调用天气接口并且渲染在页面 https://www.jianshu.com/p/5bbe8fb72c7c,顺便再调用了一...

    祈澈菇凉
  • 4级联动 地址组件 移动端

    mixin ==> 混入文件 控制后三列滑动 util ==> 工具文件, 克隆传递过来的数据 getAddress.js //获取数据文件 需要在父组件...

    yangdongnan
  • Python爬虫入门教程 12-100 半次元COS图爬取

    今天在浏览网站的时候,忽然一个莫名的链接指引着我跳转到了半次元网站 https://bcy.net/ 打开之后,发现也没有什么有意思的内容,职业的敏感让我瞬间...

    梦想橡皮擦
  • spark | scala | 线性代数库Breeze学习

    5、DenseVector.range(start,stop,step) DenseVector.rangeD(start,stop,step)

    努力在北京混出人样
  • Jenkins agent Docker 镜像重新命名了,你知道吗?

    我们正式宣布 Jenkins agent 官方 Docker 镜像重命名了。这对 Jenkins 用户不会产生任何直接影响,但是希望各位逐渐升级其实例。本文提供...

    LinuxSuRen
  • cocos2dx 钢琴

    #include "PianoScene.h" #include "SimpleAudioEngine.h" USING_NS_CC; Scene* Pia...

    _gongluck

扫码关注云+社区

领取腾讯云代金券