vue解析blob 二进制流图片的展示

<el-image v-loading="loading" style='height: 480px;' :src="imgsrc"></el-image>

// /api/plan.js文件请求方法
export function getFlowPhoto(data) {return request({url: '/xxx/xxxx/getFlowPhoto',method: 'post',responseType: 'blob',data})
}

<script>import {getFlowPhoto} from "@/api/plan.js";export default {data() {return {imgsrc:'',loading:false,}},mounted() {},methods: {fetchData() {this.loading = true;var that = this;getFlowPhoto({id:xxx}).then((res) => {if(res.code == 401){this.$message({message: res.message,type: "error",});}if(res){const myBlob = new window.Blob([res], {type: 'image/jpeg'})const qrUrl = window.URL.createObjectURL(myBlob)this.imgsrc = qrUrl;this.loading = false;}});},}}
</script>

vue解析blob 二进制流图片的展示相关推荐

vue 文件转换二进制_Vue利用Blob下载原生二进制数组文件
本文实例为大家分享了Vue利用Blob下载原生二进制数组文件的具体代码,供大家参考,具体内容如下在服务端推送过来的二进制数组(JSON格式),在前端要处理成JS原生数组以后才能做成Blob,有两个地 ...
二进制流图片动态显示前端
二进制流图片动态显示前端图片存储方式后端实体类映射后端响应数据前端问题(重点) 普遍需求我的难题总结图片存储方式图片在数据库中的存储有两种方式一:直接将图片放在服务器上,那么就可以将 ...
vs code vue 语法提示不全_Vue造轮子必备*.vue文件源码读取并高亮展示
相关依赖版本: node v10.15.0 npm v6.4.1 yarn v1.22.10 vue-cli v4.5.9 @vue/compiler v3.0.4 GitHub: vue-sour ...
vue 使用video加载视频进行展示，视频循环自动播放
vue 使用video加载视频进行展示,视频循环自动播放loop autoplay <span v-else-if="item.prop === 'alarmVedio'"& ...
Python地理地图可视化:folium把百度地图中国城市中心经纬度解析出来并在地图上展示（三）
python地理地图可视化:folium把百度地图各个城市经纬度解析出来并在地图上展示(三) 上一篇(https://zhangphil.blog.csdn.net/article/details/1 ...
vue解决微信防盗链接图片无法展示问题
vue解决微信防盗链接图片无法展示问题 1.需求背景最近在vue项目的页面中使用到了微信公众号项目的图片,然后在另一个项目中引用时出现了防盗链接的提示,导致图片本身的内容无法展示. 解决方案防盗链 ...
python 二进制流图片解码
python 二进制流图片解码背景背景为了将 c++ 中的图片数据传输到 python 里,用redis作为中介,先在c++中把类型为 unsigned char * 的二进制图片数据存到 re ...
clob类型类似MySQL_Oracle中大文本数据类型Clob 长文本类型（MySQL中不支持，使用的是text）Blob 二进制类型MySQL数据库Text...
Oracle中大文本数据类型 Clob 长文本类型 (MySQL中不支持,使用的是text) Blob 二进制类型 MySQL数据库 Text 长文本类型 TINYTEXT: 256 bytes TE ...
vue解析json数据
vue解析json数据在前端接授到json后,使用JSON.parse(jsonObject)就可以解析!(jsonObject为json对象)

vue解析blob 二进制流图片的展示

vue解析blob 二进制流图片的展示相关推荐

最新文章

热门文章