博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
axios接收后台图片二进制流显示到前端
阅读量:2066 次
发布时间:2019-04-29

本文共 603 字,大约阅读时间需要 2 分钟。

在使用Vue+axios做项目时候遇到一个问题,就是后台传给前端一个图片二进制流的时候,我这边进行转换Base64图片,然后进行显示,希望有所帮助。

推荐UI框架:

iView:
Mint-ui:
代码如下:

// 代码是Vue形式的,自行转换getImgCodeApi:function(obj){
this.$http.get("url", {
responseType: "arraybuffer", }).then(function (response) {
//将从后台获取的图片流进行转换 return 'data:image/png;base64,' + btoa( new Uint8Array(response.data).reduce((data, byte) => data + String.fromCharCode(byte), '') ); }).then(function (data) {
//接收转换后的Base64图片 obj.imgCodeUrl = data; }).catch(function (err) {
}) },

转载地址:http://fzumf.baihongyu.com/

你可能感兴趣的文章
第一章C#简介
查看>>
NGWS runtime 技术基础
查看>>
Linux find 文件查询 用法示例
查看>>
Linux 查看文件大小
查看>>
mysql 命令
查看>>
MySQL执行外部sql脚本文件的命令
查看>>
解决MySql Error Code: 2006
查看>>
查看mysql数据库和表所占用空间
查看>>
Guava Collections使用介绍
查看>>
Ordering犀利的比较器
查看>>
spring+Mybatis+Ehcache整合
查看>>
google guava使用例子/示范(一)
查看>>
joda-time 时间API
查看>>
Joda Time API -2
查看>>
Spring使用Cache、整合Ehcache
查看>>
Chrome调试工具奇淫技
查看>>
30分钟快速掌握Bootstrap
查看>>
如何针对业务做DB优化
查看>>
程序猿都该知道的MySQL秘籍
查看>>
Eclipse全面提速小技巧
查看>>