指引网

当前位置: 主页 > 网站运营 > 建站经验 >

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

来源:网络 作者:佚名 点击: 时间:2017-08-08 22:55
[摘要] 要获得图片base64字符串,一般是通过相关软件或工具来实现,网上也有相关的在线转换工具,不过本文要介绍的是,其实,很简单,我们日常用的浏览器就可以轻松帮我们实现,包括360/Chrome

要获得图片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字符串的方法,我们就不用再去下载安装某些转换软件了,也不用辛苦在网上找在线转换工具了。

------分隔线----------------------------