Vue 读取后台二进制文件流转为图片显示

Vue 读取后台二进制文件流转为图片显示
后台返回格式
在这里插入图片描述
在这里插入图片描述

 <img :src="payImg" id="image" style="width: 150px;height: 150px;" alt="">

axios写法

在这里插入图片描述

重点 responseType: ‘blob’ , 使用的是res中的data blob

this.$axios.post('http://116.148.227.196:xxx/api/xxx/xxx', {参数}, {responseType: 'blob' // 重点}).then((res) => {const url = window.URL.createObjectURL(new Blob([res.data], { type: 'image/png' }));this.payImg= url;});

本文章参考 https://huaweicloud.csdn.net/63a56170b878a545459459f2.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/807490.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Windows安装MySQL

文章目录 一、下载MySQL安装包1、选择版本以及Windows系统点击下载2、选择No thanks,just start my download.3、下载到指定目录解压即可 二、添加环境变量三、添加配置文件四、初始化MySQL数据库服务器五、安装启动服务六、修改连接登录密码七、停止MySQL服务 一、下载MySQL安…

python - argparse、configparser的用法

最近在看深度学习模型的源码&#xff0c;第一步参数设置就看不懂&#xff0c;所以写了一点简单的代码片段记录下来&#xff0c;再去看参数设置的代码就没什么问题了&#xff0c;千里之行始于足下&#xff0c;创建模型就从参数设置开始吧。 一、conf文件 这个的话直接创建一个…

Linux网络的封包和拆包

一般使用socket 到令牌环网然后向上逐渐拆包 MTU:最大的传输单元 以太网&#xff1a;1500 mss&#xff1a;网络类型&#xff0c;线路&#xff0c;以及特性相关

数据库知识点汇总(最全!,2024年最新大佬分享开发经验

十九、删除数据 DELETE 语句 使用 DELETE 语句从表中删除数据。 DELETE FROM table [WHERE condition]; 删除数据 使用 WHERE 子句删除指定的记录 DELETE FROM departments WHERE department_name ‘Finance’; 如果省略 WHERE 子句&#xff0c;则表中的全部数据将被删除 DELE…

[自研开源] MyData v0.8 数据集成案例分享

开源地址&#xff1a;gitee | github 详细介绍&#xff1a;MyData 基于 Web API 的数据集成平台 部署文档&#xff1a;用 Docker 部署 MyData 使用手册&#xff1a;MyData 使用手册 试用体验&#xff1a;https://demo.mydata.work 交流Q群&#xff1a;430089673 案例&#xff…

Oracle 11g完全卸载教程(Windows)

文章目录 一、停止Oracle服务二、卸载Oracle1、卸载Oracle产品2、删除注册表3、删除环境变量以及其余文件 一、停止Oracle服务 进入服务 找到服务中的Oracle服务并且停止 全部停止运行成功 二、卸载Oracle 1、卸载Oracle产品 点击开始菜单找到Oracle&#xff0c;然后点击…

实验模拟 搭建elk 日志分析系统

目录 一 实验环境 二 ELK Elasticsearch 集群部署&#xff08;在Node1、Node2节点上操作&#xff09; 1&#xff0c;环境准备 2, 部署 Elasticsearch 软件(node1 node2) 2.1安装es 2.2设置开机自启 2.3修改 elasticsearch主配置文件&#xff08;先备份&#xff09;…

【vue/uniapp】使用 smooth-signature 实现 h5 的横屏电子签名

通过github链接进行下载&#xff0c;然后代码参考如下&#xff0c;功能包含了清空、判断签名内容是否为空、生成png/jpg图片等。 签名效果&#xff1a; 预览效果&#xff1a; 下载 smooth-signature 链接&#xff1a;https://github.com/linjc/smooth-signature 代码参考&a…

数据库建模

了解了数据的设计思想&#xff0c;那对于数据库表的表设计应该怎么做呢&#xff1f;答案是数据库建模。 数据库建模&#xff1a;在设计数据库时&#xff0c;对现实世界进行分析、抽象、并从中找出内在联系&#xff0c;进而确定数据库的结构。它主要包括两部分内容&#xff1a;确…

Node.js发票识别+发票查验API、让繁琐查验成为过去式

互联网时代&#xff0c;随着电子商务的蓬勃发展&#xff0c;无论是纸质增值税发票还是电子增值税发票使用量都在激增&#xff0c;也正因如此&#xff0c;让部分不法分子看到了“商机”&#xff0c;利用伪造、变造发票进行逃税、骗税等违法行为&#xff0c;严重扰乱了市场秩序&a…

RHCSA 模拟题

系统环境 系统IP地址node1.example.com192.168.122.10node2.example.com192.168.122.20 在node1.example.com上执行以下任务 一、配置网络设置 将 node1 配置为具有以下⽹络配置&#xff1a; 1、主机名&#xff1a;node1.example.com 2、IP 地址&#xff1a;192.168.122.…

极狐GitLab 如何在 helm 中恢复数据

本文作者&#xff1a;徐晓伟 GitLab 是一个全球知名的一体化 DevOps 平台&#xff0c;很多人都通过私有化部署 GitLab 来进行源代码托管。极狐GitLab 是 GitLab 在中国的发行版&#xff0c;专门为中国程序员服务。可以一键式部署极狐GitLab。 本文主要讲述了如何在极狐GitLab …

查杀linux挖矿病毒 kswapd0

中毒现象 高cpu占用&#xff0c;使用top命令查看cpu使用率长时间50%以上&#xff0c;cpu占用异常的进程八成就是挖矿病毒进程 此病毒隐藏了自己&#xff0c;top命令无法查看到挖矿病毒进程&#xff0c;可通过sysdig命令找到隐藏进程 安装sysdig curl -s https://s3.amazonaw…

[CSS]样式属性+元素设置

哎呀&#xff0c;好多东西&#xff0c;根本记不住&#xff0c;更多的还是边用边记吧&#xff0c;这里的代码就当使用范例&#xff0c;但其实如果可以让gpt应该会更好&#xff0c;哎学吧&#xff0c;反正记得住当然更好 文本 属性名描述word-break单词换行。取值如下&#xff1…

[自研开源] MyData数据融合平台 诚邀试用

MyData &#xff0c;一个旨在简化 Web 应用之间数据对接的工具&#xff0c;提高日常工作效率&#xff0c;如其名“我的数据” 旨在让用户更好的掌控和管理数据。 v1.0 的目标是&#xff1a;针对多应用之间数据集成的场景&#xff0c;为开发人员提供更安全、更方便的对接集成方…

Elasticsearch8.x 设置密码

文章目录 一、环境说明二、使用elasticsearch-reset-password工具修改1、elasticsearch-reset-password工具位置2、设置密码 一、环境说明 elasticsearch版本&#xff1a;8.13.0 系统版本&#xff1a;Ubuntu 18.04.6 二、使用elasticsearch-reset-password工具修改 1、elast…

Ubuntu22.04虚拟环境安装CUDA10.1, CUDNN和pytorch

不同的神经网络有不同的配置&#xff0c;有些从前公开的github项目&#xff0c;一些包升级之后的版本缺少相关的函数&#xff0c;老版本又不兼容&#xff0c;只能在虚拟环境中重新安装环境。 首先理顺一下CUDA&#xff0c;CUDNN&#xff0c;cudatoolkit的关系。安装CUDA就是安…

【Java程序员面试专栏 综合面试指南】5年资深程序员面试指南

基础知识对于5年内工作经验的同学考察相对比较多。包括编程语言、计算机网络、操作系统、设计模式、分布式知识、MySQL、Redis这种。其中随着年限的增长,基础知识考察的会越来越少,例如操作系统基本上只在学生阶段考察,计算机网络对于5年经验来说也考察的相对较少。5年以上对…

CSP 比赛经验分享

中国软件专业技术资格&#xff08;水平&#xff09;考试&#xff08; CSP-S &#xff09;是一项旨在评价软件和信息技术 专业人员专业技术水平的考试。对于参加过 CSP 比赛的人来说&#xff0c;这是一个展示 自己编程能力、逻辑思维和解决问题能力的好机会。下面是一些基于…

选择成为一名程序员的原因

选择成为一名程序员的原因通常是一个综合考虑的结果,可能包括个人兴趣、职业发展前景以及其他因素。 1. 兴趣是主导因素 对编程和技术有着浓厚的兴趣是许多人选择这个职业的主要原因。编程需要逻辑思维、创造力和解决问题的能力,对于那些喜欢这种挑战并从中获得满足感的人来说…