有時候我們要轉換圖片為base64,或者將base64轉回圖片,可能都需要找一些在線工具或者軟件類型的工具才行。
當然 chrome 也算是軟件,但是好在做前端的都有 chrome。
好了,來看下簡單的例子,我隨便截了個桌面背景當例子。
分別保存為 png, jpg 兩種。
然后用 chrome 打開圖片,接着按 F12 打開控制台,在 Sources 或 Resources 都行。
看到了吧,在最后一個箭頭處就是我們要的 base64 數據了,非常簡單。
當然這里沒有data頭,用的時候再加上即可。
data:image/jpg;base64,這里加上剛才的base64數據。
當然 image/jpg 是圖片類型,如果你懶,全用 image/jpg 也是可以的。
如果你要強迫症,那就寫對應的類型吧,比如 image/png, image/gif 什么的。
圖片轉換為 base64 簡單吧,分分鍾搞定。
當然你要把 base64 數據轉為圖片,也是非常簡單的,
直接在地址欄打開 data:image/jpg;base64,圖片base64數據 即可在瀏覽器上顯示圖片,然后右鍵保存圖片即可。
好了,今天就分享這么個小知識點。