如何獲取圖片的base64編碼

1.准備一張圖片,比如1.gif

2.使用chrome瀏覽器,新建立一個窗口,然后將a.png拖動至瀏覽器窗口里面,打開控制台(檢查),最后點擊source

 

3.使用方法:

注意source獲取的一串字符串碼,前面要加上base64編碼的前綴,才能正常使用,下面是一個例子:

//在css里的寫法
#fkbx-spch, #fkbx-hspch {
background: url(data:image/gif;base64,R0lGODlhHAAmAKIHAKqqqsvLy0hISObm5vf394uLiwAAAP///yH5B…EoqQqJKAIBaQOVKHAXr3t7txgBjboSvB8EpLoFZywOAo3LFE5lYs/QW9LT1TRk1V7S2xYJADs=) no-repeat center;
}

//在html代碼img標簽里的寫法
<img src="data:image/gif;base64,R0lGODlhHAAmAKIHAKqqqsvLy0hISObm5vf394uLiwAAAP///yH5B…EoqQqJKAIBaQOVKHAXr3t7txgBjboSvB8EpLoFZywOAo3LFE5lYs/QW9LT1TRk1V7S2xYJADs=">

由此兩個文件可以看出,加上的前綴是:  data:image/gif;base64, + 瀏覽器拿到的 base64編碼