img标签渲染base64格式的图片
wptr33 2025-01-07 16:16 31 浏览
后台给的base64格式的图片如下
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
看好了,就是拼接一个'data:image/jpg;base64,'+就可以了。
<img :src="'data:image/jpg;base64,'+captchaURL" alt="验证码" />
扩展
data:,文本数据
data:text/plain,文本数据
data:text/html,HTML代码
data:text/html;base64,base64编码的HTML代码
data:text/css,CSS代码
data:text/css;base64,base64编码的CSS代码
data:text/javascript,Javascript代码
data:text/javascript;base64,base64编码的Javascript代码
data:image/gif;base64,base64编码的gif图片数据
data:image/png;base64,base64编码的png图片数据
data:image/jpeg;base64,base64编码的jpeg图片数据
data:image/x-icon;base64,base64编码的icon图片数据
相关推荐
- [常用工具] git基础学习笔记_git工具有哪些
-
添加推送信息,-m=messagegitcommit-m“添加注释”查看状态...
- centos7安装部署gitlab_centos7安装git服务器
-
一、Gitlab介1.1gitlab信息GitLab是利用RubyonRails一个开源的版本管理系统,实现一个自托管的Git项目仓库,可通过Web界面进行访问公开的或者私人项目。...
- 太高效了!玩了这么久的Linux,居然不知道这7个终端快捷键
-
作为Linux用户,大家肯定在Linux终端下敲过无数的命令。有的命令很短,比如:ls、cd、pwd之类,这种命令大家毫无压力。但是,有些命令就比较长了,比如:...
- 提高开发速度还能保证质量的10个小窍门
-
养成坏习惯真是分分钟的事儿,而养成好习惯却很难。我发现,把那些对我有用的习惯写下来,能让我坚持住已经花心思养成的好习惯。...
- 版本管理最好用的工具,你懂多少?
-
版本控制(Revisioncontrol)是一种在开发的过程中用于管理我们对文件、目录或工程等内容的修改历史,方便查看更改历史记录,备份以便恢复以前的版本的软件工程技术。...
- Git回退到某个版本_git回退到某个版本详细步骤
-
在开发过程,有时会遇到合并代码或者合并主分支代码导致自己分支代码冲突等问题,这时我们需要回退到某个commit_id版本1,查看所有历史版本,获取git的某个历史版本id...
- Kubernetes + Jenkins + Harbor 全景实战手册
-
Kubernetes+Jenkins+Harbor全景实战手册在现代企业级DevOps体系中,Kubernetes(K8s)、Jenkins和Harbor组成的CI/CD流水...
- git常用命令整理_git常见命令
-
一、Git仓库完整迁移完整迁移,就是指,不仅将所有代码移植到新的仓库,而且要保留所有的commit记录1.随便找个文件夹,从原地址克隆一份裸版本库...
- 第三章:Git分支管理(多人协作基础)
-
3.1分支基本概念分支是Git最强大的功能之一,它允许你在主线之外创建独立的开发线路,互不干扰。理解分支的工作原理是掌握Git的关键。核心概念:HEAD:指向当前分支的指针...
- 云效Codeup怎么创建分支并进行分支管理
-
云效Codeup怎么创建分支并进行分支管理,分支是为了将修改记录分叉备份保存,不受其他分支的影响,所以在同一个代码库里可以同时进行多个修改。创建仓库时,会自动创建Master分支作为默认分支,后续...
- git 如何删除本地和远程分支?_git怎么删除远程仓库
-
Git分支对于开发人员来说是一项强大的功能,但要维护干净的存储库,就需要知道如何删除过时的分支。本指南涵盖了您需要了解的有关本地和远程删除Git分支的所有信息。了解Git分支...
- git 实现一份代码push到两个git地址上
-
一直以来想把自己的博客代码托管到github和coding上想一次更改一次push两个地址一起更新今天有空查资料实践了下本博客的github地址coding的git地址如果是Gi...
- git操作:cherry-pick和rebase_git cherry-pick bad object
-
在编码中经常涉及到分支之间的代码同步问题,那就需要cherry-pick和rebase命令问题:如何将某个分支的多个commit合并到另一个分支,并在另一个分支只保留一个commit记录解答:假设有两...
- 模型文件硬塞进 Git,GitHub 直接打回原形:使用Git-LFS管理大文件
-
前言最近接手了一个计算机视觉项目代码是屎山就不说了,反正我也不看代码主要就是构建一下docker镜像,测试一下部署的兼容性这本来不难但是,国内服务器的网络环境实在是恶劣,需要配置各种镜像(dock...
- 防弹少年团田柾国《Euphoria》2周年 获世界实时趋势榜1位 恭喜呀
-
当天韩国时间凌晨3时左右,该曲在Twitter上以“2YearsWithEuphoria”的HashTag登上了世界趋势1位。在韩国推特实时趋势中,从上午开始到现在“Euphoria2岁”的Has...
- 一周热门
-
-
C# 13 和 .NET 9 全知道 :13 使用 ASP.NET Core 构建网站 (1)
-
程序员的开源月刊《HelloGitHub》第 71 期
-
详细介绍一下Redis的Watch机制,可以利用Watch机制来做什么?
-
假如有100W个用户抢一张票,除了负载均衡办法,怎么支持高并发?
-
Java面试必考问题:什么是乐观锁与悲观锁
-
如何将AI助手接入微信(打开ai手机助手)
-
SparkSQL——DataFrame的创建与使用
-
redission YYDS spring boot redission 使用
-
一文带你了解Redis与Memcached? redis与memcached的区别
-
如何利用Redis进行事务处理呢? 如何利用redis进行事务处理呢英文
-
- 最近发表
- 标签列表
-
- git pull (33)
- git fetch (35)
- mysql insert (35)
- mysql distinct (37)
- concat_ws (36)
- java continue (36)
- jenkins官网 (37)
- mysql 子查询 (37)
- python元组 (33)
- mybatis 分页 (35)
- vba split (37)
- redis watch (34)
- python list sort (37)
- nvarchar2 (34)
- mysql not null (36)
- hmset (35)
- python telnet (35)
- python readlines() 方法 (36)
- munmap (35)
- docker network create (35)
- redis 集合 (37)
- python sftp (37)
- setpriority (34)
- c语言 switch (34)
- git commit (34)