使用 Chrome 辅助功能实现图片 Base64 转换

平时工作或生活中有时候会需要用到图片与 Base64 之间互相转换功能,可能大部分人第一个想法是网上找转换的工具网站。其实没有必要,我们天天用 Chrome 浏览器就有这个功能。

比如:我电脑的 D 盘有个 ‪D:\test.png 图片:

使用 Chrome 浏览器,地址栏访问该本地图片(file:///D:/test.png):

F12 打开控制台,切换到Sources,可以看到 Chrome 已经自动将该图片转成 Base64 了:

需要注意的是:这里转成的是 Base64 具体数据,如果将此 Base64 复制到 Chrome 地址栏要显示出来的话需要在前面加上前缀。

比如这张图片是 png 格式的,则需要加上:data:image/png;base64,,即最终 Base64 是:data:image/png;base64, 图片 Base64 数据

将拼接好的串粘贴到浏览器地址栏上,浏览器直接就显示图片了:

如果要下载下来直接右键,图片另存为... 即可。

又 Get 一项新技能。。。