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

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

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

问题描述

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

咋一看,不是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 条评论
登录 后参与评论

相关文章

  • springMVC 返回流图片显示,前端接受流

    直接访问springmvc路径 直接访问通过流的形式返回图片,但是这个有一个缺陷就是 返回的title是路径名称加像素。

    斯文的程序
  • 前端技术:一文带你掌握Flutter插件开发新姿势

    导语 | 随着Flutter生态的快速发展,越来越多的Flutter插件涌现出来,那么如何开发一个Flutter插件呢?本文以具体的native_image_v...

    腾小云
  • 有货移动Web端性能优化探索实践

    在移动互联网的时代里,对于一个web站点来说,移动端的用户体验尤为重要。现代web站点的设计和开发都是以移动优先作为第一原则,我们也专门为了移动端的web站点做...

    用户1263954
  • 从客户端的角度设计后端的接口

    2.请求Path,http://www.online.com/api/ [path]

    芋道源码
  • 微信小程序开发之多图片上传+服务端接收

      业务需求,这次需要做一个小程序同时选中三张图片一起上传到服务端,后端使用的.NET WEBAPI接收数据保存。

    追逐时光者
  • 智能云上手指南:如何接入腾讯云开放的计算机视觉能力?

    本文将为广大云开发者介绍如何接入腾讯开放的计算机视觉能力,即万象优图。

    云加社区
  • 关于 Blob

    对于 Blob,前端开发中可能比较少遇到;数据库中可使用 Blob 概念,例如 Mysql 存储二进制数据的类型就是 Blob,也就是说图片可存储于数据库中,以...

    Krry
  • H5专项测试

    随着Html5的流行,现在很多业务场景使用H5页面来承载,使活动类、运营类的业务功能更便捷在微信、Native端部署,所以H5方面的测试也变得越来越重要。

    用户6367961
  • 无服务器开发人脸识别小程序

    前段时间我还在想,如果小程序能使用无服务器计算产品那该多好,果不其然,最近微信与腾讯云联合开发的原生 serverless 云服务产品——小程序 · 云开发,其...

    腾讯云AI
  • 无服务器开发人脸识别小程序

    从2006年AWS发布的第一个云服务S3开始,存储,计算等IT基础设施的能力纷纷被以服务的方式提供给用户。过去十年,云服务深刻的改变了社会获取和使用计算能力的方...

    璟櫆
  • 干货 | 玩转社交裂变,携程小程序营销实现方案

    随着近两年小程序应用的普及,越来越多的商家通过小程序展开营销,相比APP,小程序有更大机动性,能够支持搜索、会话、微信群、朋友圈等场景。

    携程技术
  • 经典案例之某新闻网站的实现(二)

    1/在获取短信验证码的时候需要携带的参数:手机号,随机字符串(uuid),图片验证码

    小闫同学啊
  • 实现简单的分片上传和图片处理,解决了大图片上传和显示问题

    如果我们的图片达到几兆时,我就不说几个G了,我是为了模拟分片上传,并顺便解决我的垃圾服务器的上传速度慢问题。

    品茗IT
  • 大数据开发:关于SpringMVC

    SpringMVC框架是以请求为驱动,围绕Servlet设计,将请求发给控制器,然后通过模型对象,分派器来展示请求结果视图。其中核心类是DispatcherSe...

    成都加米谷大数据
  • 08 | CSRF/SSRF:为什么避免了XSS,还是“被发送”了一条微博?

    前面我们讲了 2 种常见的 Web 攻击:XSS 和 SQL 注入。它们分别篡改了原始的 HTML 和 SQL 逻辑,从而使得黑客能够执行自定义的功能。那么除了...

    斑马
  • 全双工通信的 WebSocket

    WebSocket 是一种网络通信协议。在 2009 年诞生,于 2011 年被 IETF 定为标准 RFC 6455 通信标准。并由 RFC7936 补充规...

    一缕殇流化隐半边冰霜
  • H5页面测试总结

      在最近几个项目中,小编接触了较多关于H5页面的测试,H5页面的测试除了业务逻辑功能测试外,其他部分的测试方法基本是可以通用的,在此对H5页面的一些通用测试方...

    小老鼠
  • H5页面测试总结

    用户5521279
  • H5页面测试总结|干货

    软测小生

扫码关注云+社区

领取腾讯云代金券