Vue|js获取后台传入的图片
1、以二进制流格式请求 responseType:'arraybuffer'
2、处理二进制流btoa(new Unit8Array(data)).reduce((data,byte)=>data + String.fromCharCode(byte),''));
最终得到图片路径
'data:image/png;
base64,' +btoa(new Unit8Array(data)).reduce((data,byte)=>data + String.fromCharCode(byte),''));
例:this.$http.get(url,{responseType,parames}).then(function(res){
if(res.data){
let tempUrl = btoa(new Unit8Array(data)).reduce((data,byte)=>data + String.fromCharCode(byte),''));
let ImageUrl = 'data:image/png;
base64,' + tempUrl;
【Vue|js获取后台传入的图片】}
})
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- EditText默认不获取焦点弹出键盘
- VueX--VUE核心插件
- whlie循环和for循环的应用
- echart|echart 双轴图开发
- vue组件中为何data必须是一个函数()
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)