技术频道导航
HTML/CSS
.NET技术
IIS技术
PHP技术
Js/JQuery
Photoshop
Fireworks
服务器技术
操作系统
网站运营

赞助商

分类目录

赞助商

最新文章

搜索

使用360/Chrome/Firefox浏览器轻松获得图片base64字符串

作者:admin    时间:2016-11-25 16:42:32    浏览:

要获得图片base64字符串,一般是通过相关软件或工具来实现,网上也有相关的在线转换工具,不过本文要介绍的是,其实,很简单,我们日常用的浏览器就可以轻松帮我们实现,包括360/Chrome/Firefox浏览器。

用360和chrome浏览器获得图片base64字符串

首先介绍如何用360和chrome浏览器获得图片base64字符串,这两浏览器的操作方法是一样的(360用的是chrome内核)。

1、对于本地图片,先把浏览器窗口缩小,然后把图片拖到浏览器里。对于网络图片,可以直接用浏览器访问图片地址来打开图片。

用浏览器打开图片

用浏览器打开图片

2、打开本地图片或网络图片后,按“Ctrl+Shift+I” 打开开发者工具。点击“Sources”标签,再双击左侧的图片文件名,这时,右侧就会显示该图片的base64字符串了。

获得图片的base64字符串

获得图片的base64字符串

用Firefox浏览器获得图片base64字符串

1、与360/Chrome浏览器一样,对于本地图片,先把浏览器窗口缩小,然后把图片拖到浏览器里。对于网络图片,可以直接用浏览器访问图片地址来打开图片。

2、打开本地图片或网络图片后,按“Ctrl+Shift+I” 打开开发者工具。

3、右键点击图片代码,点击菜单里的“复制图像数据”,粘贴到记事本或任何编辑器,这段就是该图片的base64字符串了。

复制图像数据

复制图像数据(点击图片放大)

学会使用360/Chrome/Firefox浏览器轻松获得图片base64字符串的方法,我们就不用再去下载安装某些转换软件了,也不用辛苦在网上找在线转换工具了。

标签: image  
相关文章
    • IT热文
    • 站长推荐