前端显示gif流文件,gif图验证码

news2025/1/8 5:38:59

1、前端界面展示效果图:gif动态图片
在这里插入图片描述
2、接口获取流文件
在这里插入图片描述
3、接口配置

export function getBlob(params){
  return request({
      url: '/session/generatorCode',
      method: 'get',
      params,
      catchAll:true,
      responseType:"arraybuffer"
  })
}

4、数据处理

getBlob({key:this.key}).then(res =>{
    const buffer = Buffer.from(res, 'base64');
    this.gifUrl = 'data:image/png;base64,' + buffer.toString('base64');
})

5、展示

 <img :src="gifUrl"  alt="GIF Image" />

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

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

相关文章

【微服务】spring 条件注解从使用到源码分析详解

目录 一、前言 二、spring 条件注解概述 2.1 条件注解Conditional介绍 2.2 Conditional扩展注解 2.2.1 Conditional扩展注解汇总 三、spring 条件注解案例演示 3.1 ConditionalOnBean 3.2 ConditionalOnMissingBean 3.2.1 使用在类上 3.2.2 使用场景补充 3.3 Condit…

The last packet sent successfully to the server was 0 milliseconds ago.报错

报错图&#xff1a; 解决方法 多半是代码拼写错误&#xff0c;如localhost拼成local。 注意驱动版本应与mysql版本对应 maven包配置按照自己下的位置设置&#xff0c;最好不要默认

成都车展亮相:专为亲子家庭打造,极狐考拉纯电智能亲子车

极狐汽车旗下的考拉品牌于今年年初面向拥有婴幼儿的中产阶级宝爸宝妈推出&#xff0c;旨在满足他们对于安全、健康和便利的高要求。这款名为“考拉”的纯电智能亲子车将于2023年8月25日在成都车展上开启预售。 外观方面&#xff0c;考拉的造型采用流线型的车身设计&#xff0c;…

[网络架构]Self-organized operational neural networks (SelfONN)

Self-organized operational neural networks (SelfONN 背景CNNONNSelfONNCNN, ONN&#xff0c; SelfONN对比SelfONN与CNN的关系总结References 背景 本节要分享的是SelfONN, SelfONN可以看作是ONN的优化/升级&#xff0c; 而ONN可以看作是更一般化的CNN&#xff0c; 克服了CN…

什么是神经网络

什么是神经网络 什么是神经网络&#xff1f;CNN、RNN、GNN&#xff0c;这么多的神经网络&#xff0c;有什么区别和联系&#xff1f; 既然我们的目标是打造人工智能&#xff0c;拥有智慧的大脑无疑是最好的模仿对象&#xff0c;人脑中有约860亿个神经元&#xff0c;这被认为是…

运维高级学习--Docker(二)

1、使用mysql:5.6和 owncloud 镜像&#xff0c;构建一个个人网盘。 #拉取mysql5.6和owncloud镜像 [rootlocalhost ~]# docker pull mysql:5.6 [rootlocalhost ~]# docker pull owncloud [rootlocalhost ~]# docker images REPOSITORY TAG IMAGE ID CREATED …

【FAQ】H.265视频无插件流媒体播放器EasyPlayer.js播放webrtc断流重连的异常修复

H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器&#xff0c;可支持多种流媒体协议播放&#xff0c;可支持H.264与H.265编码格式&#xff0c;性能稳定、播放流畅&#xff0c;能支持WebSocket-FLV、HTTP-FLV&#xff0c;HLS&#xff08;m3u8&#…

Rider 添加NuGet软件包 (NuGet Package)

如图&#xff0c;在解决方案中选择自己的项目右键&#xff0c;点击管理 NuGet 软件包即可 在搜索栏中搜索自己要使用的软件包安装即可使用

K8S如何部署Redis(单机、集群)

在今天的讨论中&#xff0c;我们将深入研究如何将Redis数据库迁移到云端&#xff0c;以便更好地利用云计算的优势提高数据管理的灵活性。 Redis(Remote Dictionary Server)是一个开源的、基于内存的数据结构存储系统&#xff0c;它可以用作数据库、缓存和消息代理。Redis支持多…

MES生产报工管理

一、MES生产报工管理的定义与功能&#xff1a; MES生产报工管理是指利用制造执行系统&#xff08;MES&#xff09;对生产过程进行实时监控、数据采集和分析&#xff0c;并及时记录和报告生产工单的实际完成情况。其主要功能包括&#xff1a; 1. 实时数据采集&#xff1a;通过…

如何在MT4安装和设置ADX指标,3步完成

ADX是MT4和MT5中的基本指标之一&#xff0c;但是很多投资者都不知道如何在MT4安装和设置ADX指标&#xff0c;其实很简单&#xff0c;跟着anzo capital昂首资本3步完成设置。 第一步&#xff1a;在终端中打开货币对报价图表&#xff0c;并创建一个新的图形。可以通过单击“文件”…

自定义滑动到底部触发指令,elementUI实现分页下拉框

在 main.js 中添加 // 自定义滑动到底部指令 Vue.directive(selectLoadMore, {bind(el, binding) {// 获取element-ui定义好的scroll盒子const SELECTWRAP_DOM el.querySelector(.el-select-dropdown .el-select-dropdown__wrap)SELECTWRAP_DOM.addEventListener(scroll, fun…

MySQL-Centos下MySQL5.7安装教程

MySQL安装教程 一&#xff0c;卸载MySQL二&#xff0c;安装MySQL三&#xff0c;mysql登录四&#xff0c;修改配置文件 一&#xff0c;卸载MySQL 1.如果你的机器上mysqld服务器还在运行&#xff0c;那么第一步就是要停掉服务。 systemctl stop mysqld;2.查看系统中安装的关于m…

6个剪辑必备的音效素材网站。

视频剪辑必备的6个音效、配乐素材网站&#xff0c;免费下载&#xff0c;赶紧收藏好~ 菜鸟图库 https://www.sucai999.com/audio.html?vNTYwNDUx 菜鸟图库是一个综合性素材网站&#xff0c;站内涵盖设计、图片、办公、视频、音效等素材。其中音效素材就有上千首&#xff0c;全…

利用torchvision库实现目标检测与语义分割

一、介绍 利用torchvision库实现目标检测与语义分割。 二、代码 1、目标检测 from PIL import Image import matplotlib.pyplot as plt import torchvision.transforms as T import torchvision import numpy as np import cv2 import randomCOCO_INSTANCE_CATEGORY_NAMES …

[保研/考研机试] KY188 哈夫曼树 北京邮电大学复试上机题 C++实现

题目链接&#xff1a; 哈夫曼树_牛客题霸_牛客网哈夫曼树&#xff0c;第一行输入一个数n&#xff0c;表示叶结点的个数。需要用这些叶结点生成哈夫曼树&#xff0c;根据哈夫曼树。题目来自【牛客题霸】https://www.nowcoder.com/share/jump/437195121692781391110 描述 哈夫…

Halcon错误 #2021: System clock has been set back.

修复"Halcon#2021 System clock has been set back."一键即可解决。

照片怎么换背景,换背景的简单方法

你是否曾经为了照片背景不合适而苦恼&#xff1f;是否曾经因为照片背景影响美观而错过了重要的纪念时刻&#xff1f;今天&#xff0c;来为你介绍以后照片抠图换背景的简单方法&#xff0c;让你不再需要担心照片背景的问题&#xff01;一起来看看吧&#xff01; 有时候照片背景…

Pycharm 控制台 输出 中文 乱码 黑方块

问题&#xff1a; 解决&#xff1a; 打开设置 》编辑器 》常规 》控制台》默认编码&#xff08;由系统默认GBK改为UTF-8&#xff09;

【回味“经典”】DFS练习题解(工作分配问题,最大平台)

这篇文章是一年前写的 走进“深度搜索基础训练“&#xff0c;踏入c算法殿堂&#xff08;四&#xff09;和 走进“深度搜索基础训练“&#xff0c;踏入c算法殿堂&#xff08;二&#xff09;的重编版。 希望以此&#xff0c;唤起对那位故人的回忆。 【搜索与回溯算法】工作分配问…