學會這一招後不用修改接口可以同時傳入字符串和圖片文件了

V1.0時寫的接口定義為字符串類型

V2.0時要用這個接口傳圖片文件了,修改接口太麻煩了,試試這一招。

1、將圖片進入base64編碼。

學會這一招後不用修改接口可以同時傳入字符串和圖片文件了

編碼後是這樣的

學會這一招後不用修改接口可以同時傳入字符串和圖片文件了

這種純字符串可以合法的傳入原來的接口,並存儲。

2、還原圖片

CSS中使用:background-image: url("//p2.ttnews.xyz/5c79c5e3df26ec389285beba.jpg");

HTML中使用:

3、注意事項

將圖片轉換成base64編碼的,在web應用中一般用於小圖片上,不僅可以減少圖片的請求數量(集合到js、css代碼中),還可以防止因為一些相對路徑等問題導致圖片404錯誤。

圖片在經過base64編碼後會比原文件更大一點,當然在特殊的場合用空間換時間是值得的。


分享到:


相關文章: