chrome浏览器打开base64图片

base64图片以data:开头的一个大字符串，如图：

页面显示base64图片

如果想要在页面显示base64图片，在img标签中使用src属性即可。

<img src={info.avatar || require('../../../../assets/images/logo.png').default} style={{ width: 56, height: 56, borderRadius: '50%' }} />

浏览器点击打开预览base64图片

如果想要在浏览器点击打开预览base64图片，使用如下的代码即可。

const img = new window.Image();
img.src = info.attachment;
const newWin = window.open('');
newWin.document.write(img.outerHTML);
newWin.document.title = info.fileName || '在职证明'
newWin.document.close();

chrome浏览器打开base64图片相关推荐

使用Chrome浏览器解密Base64
打开一个标签页,粘贴内容 : data:text/plain;base64, 以及base64字符原文:使用Chrome浏览器解密Base64
Chrome浏览器打开异常慢的解决办法
Chrome浏览器打开异常慢的解决办法参考文章: (1)Chrome浏览器打开异常慢的解决办法 (2)https://www.cnblogs.com/Cate-Hunter/p/10856919.h ...
解决Chrome浏览器打开虾米音乐网页播放器时的排版问题
2019独角兽企业重金招聘Python工程师标准>>> 几年了,虾米音乐网页播放器听音乐都有个纠结的地方,就是用Chrome浏览器打开时,排版会出错,表现为播放器右边一部分显示不出来 ...
chrome浏览器打开网址找不到服务器IP
chrome浏览器打开网址找不到服务器IP 电脑装完系统后,路由器重启了,安装了chrome浏览器,但是打开任何网址都显示找不到服务器ip,然后换360浏览器发现一切正常,说明网络是没问题的,然后通过 ...
使用chrome浏览器打开微信页面配置方式
当我们打开微信浏览器的页面时,会提示这个下面教大家用Chrome浏览器打开微信页面,以方便调试. 1.微信的UA(User agent:用户代理). 安卓微信UA: mozilla/5.0 (lin ...
chrome浏览器打开网页默认全屏的方法_测试成功
chrome浏览器打开网页默认全屏的方法 1.在桌面上右键创建快捷方式 2.在地址栏中输入: "C:\Program Files (x86)\Google\Chrome\Applicatio ...
一网打尽win10 Google Chrome浏览器打开后默认桔梗页面
一网打尽 win10 Google Chrome浏览器打开后默认桔梗页面真是莫名其妙,突然有一天,码农coding打开Google Chrome浏览器,当当当... 且看下图初步诊断:win1 ...
IE浏览器里面链接点击在Chrome浏览器打开
常用网址汇总成一个网页,需要可以选择chrome或者IE浏览器打开,网址都是IP地址,基于IE浏览器开发,因此默认选择IE浏览器打开,跳转到chrome浏览器打开. <!DOCTYPE html ...
关于解决新安装的Chrome浏览器打开后显示hao123，360导航等一众流氓网页地址问题
由于电脑用的久了,C盘都快满了,所以今天重装了系统,装完系统后第二步肯定要装浏览器,然后依次在浏览器上下载软件. 当我装完Chrome浏览器后,一打开浏览器,发现进入的网页就是360导航(此时我并没有 ...
Chrome浏览器打开网页慢的另一种解决方案
目录前言废话少说,上解决方案! 经验总结前言折磨了我近一个月的Chrome打开网页慢的问题终于在今天告一段落,完结撒花-然后觉得很有必要发一篇文章来指引误入歧途的后来人- 互联网上大部分教程无 ...

chrome浏览器打开base64图片

页面显示base64图片

浏览器点击打开预览base64图片

chrome浏览器打开base64图片相关推荐

最新文章

热门文章