码迷,mamicode.com
首页 > 其他好文 > 详细

前端处理后台返回的乱码图片

时间:2018-07-25 19:00:25      阅读:979      评论:0      收藏:0      [点我收藏+]

标签:class   进制   har   技术分享   red   mda   问题   设置   类型   

问题描述:

  请求后台接口,返回如下图的乱码。

技术分享图片

根据全场乱字符+JFIF标记,确定是个JPEG文件的二进制流,而不是base64。

解决方法:

  

1 this.$axios.get(‘api‘,{responseType: ‘arraybuffer‘})
2  .then(res=>{
3     this.formData.imgUrl =  ‘data:image/png;base64,‘ + btoa(
4     new Uint8Array(res.data).reduce((data, byte) => data + String.fromCharCode(byte), ‘‘))
5 })

注意:*****设置请求数据类型:responseType:‘arraybuffer‘******

 

前端处理后台返回的乱码图片

标签:class   进制   har   技术分享   red   mda   问题   设置   类型   

原文地址:https://www.cnblogs.com/sansgun/p/9367554.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!