img标签渲染base64格式的图片
liebian365 2024-10-24 14:34 24 浏览 0 评论
后台给的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图片数据
相关推荐
- 深度解密epoll 如何工作的?(epoll基本处理流程)
-
epoll...
- 大乐透第19082期:头奖开出7注1000万分落六地 奖池41亿元
-
2019年7月17日晚开奖的体彩超级大乐透第19082期开奖号码为:前区06、18、20、21、31,后区03、04。本期大乐透前区号码五区比为1:0:3:0:1,二区和四区号码没有给出。当期前区和值...
- 【开奖】4月27日周六:福彩、体彩(2021年4月27日体彩开奖结果)
-
4月27日开奖福彩3D第2019110期:61222选5第2019110期:0812202122排列3第19110期:303排列5第19110期:30305大乐透第19047期:0304...
- “红狒狒”落户哈尔滨铁路局(哈尔滨铁路红肠)
-
这几天,“红人”“红狒狒”在牡丹江机务段可引起了不小的轰动,众粉丝争相与其拍照留念,在该段人气爆棚!“红狒狒”到底何许人也?“红狒狒”,中文名:和谐3D型电力机车;绰号:红狒狒、番茄;制造商:大连机...
- 2D、3D、2.5D,做游戏还是搞噱头?玩家都晕了
-
前言游戏类型就像某种潮流,一种流行罢,另一种接棒成为主流。前两年的新作大多以“开放世界”为标签,在追求纯沙盒的过程中打造出一些细致的分类,比如说“类GTA沙盒”。诚然,纯碎的沙盒游戏并不多见,业内只有...
- 《战神4》PC版宣传片发布 GTX 1070即可60帧畅玩
-
在今年10月的时候索尼PlayStation官方正式宣布圣莫尼卡2018年的《战神4》将于2022年1月14日推出PC版本,官方在今天公布了一段PC版宣传片,并且公开了游戏的配置需求。下面让我们一起来...
- 男星深情好丈夫形象崩塌,半夜搂美女坐大腿,举止亲密
-
近日,于晓光被拍到深夜在酒吧玩,结束后与一名女子一起上车离开。上车后,女子直接坐在了他腿上,他也顺势搂着美女,美女满脸笑容地坐在他腿上玩手机离开。可能有人会好奇,于晓光是谁呢?于晓光是韩国艺人秋瓷炫的...
- d3d12dll丢失怎么修复?d3d12dll加载失败怎么解决?
-
d3d12.dll丢失怎么修复?d3d12.dll加载失败怎么解决?很多朋友想要运行游戏的时候都会遇到这个问题,这种情况该怎么办呢?今天系统之家小编给朋友们讲讲具体的解决方法,操作其实还蛮简单的。...
- 许多玩家反馈《生化4RE》PC一直崩溃 无法进入游戏
-
今日(3月24日),卡普空《生化危机4:重制版》正式发售,然而有部分PC玩家遇到了游戏崩溃等问题。很多玩家在贴吧发帖称游戏遇到了严重的崩溃问题,且经常反复,报错代码普遍为FatalD3Derror...
- 微软正式推出适用于WSL Linux的D3D12 GPU视频加速技术
-
今天,微软正式向WindowsSubsystemforLinux(WSL)用户发布了Direct3D12GPU视频加速支持。在微软通过WSL允许在Linux下使用Open...
- 《怪物猎人:崛起》曙光系统报错“Fatal d3d error”的解决办法
-
《怪物猎人:崛起》曙光系统报错“Fatald3derror”的解决办法不少小伙伴反应《怪物猎人:崛起》DLC曙光预载以后打不开游戏,出现了Fatald3derror类似的错误代码,这类问题的解...
- Mac+双屏,前端程序员的专业配置 - Loctek 乐歌 D3D 双屏电脑显示器支架
-
做FE也有一段日子了,电脑屏幕每天在设计稿、浏览器、IDE、即时通讯工具、Terminal、邮箱之间切换。虽然mac的工作区带来了很多灵活,但是依然略显不足。于是入手支架,把公司配的电脑和显示器发挥起...
- RPC 的原理和简单使用(rpc详解)
-
RPC的概念RPC,RemoteProcedureCall,翻译成中文就是远程过程调用,是一种进程间通信方式。它允许程序调用另一个地址空间(通常是共享网络的另一台机器上)的过程或函数。在调用的...
- 大厂开源的golang微服务rpc框架 — kitex
-
提前rpc估计所有的开发同学都知道,不知道的也无所谓,毕竟我也好几年没用了,今天带大家在复习一下。RPC(RemoteProcedureCall):远程过程调用,...
- 干货!一文掌握Protobuf所有语言所有用法,快收藏
-
说实话,Protobuf这个库,让人相见时难别亦难,东风无力百花残,每次等到要用它的时候,总感觉还没有完全掌握它的用法,而实际上等去百度或者谷歌的时候,教程都是多么的凌乱不堪。学会它,最直接关系到的,...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- wireshark怎么抓包 (75)
- qt sleep (64)
- cs1.6指令代码大全 (55)
- factory-method (60)
- sqlite3_bind_blob (52)
- hibernate update (63)
- c++ base64 (70)
- nc 命令 (52)
- wm_close (51)
- epollin (51)
- sqlca.sqlcode (57)
- lua ipairs (60)
- tv_usec (64)
- 命令行进入文件夹 (53)
- postgresql array (57)
- statfs函数 (57)
- .project文件 (54)
- lua require (56)
- for_each (67)
- c#工厂模式 (57)
- wxsqlite3 (66)
- dmesg -c (58)
- fopen参数 (53)
- tar -zxvf -c (55)
- 速递查询 (52)