V1.0時寫的接口定義為字符串類型
V2.0時要用這個接口傳圖片文件了,修改接口太麻煩了,試試這一招。
1、將圖片進入base64編碼。
編碼後是這樣的
這種純字符串可以合法的傳入原來的接口,並存儲。
2、還原圖片
CSS中使用:background-image: url("//p2.ttnews.xyz/5c79c5e3df26ec389285beba.jpg");
HTML中使用:
3、注意事項
將圖片轉換成base64編碼的,在web應用中一般用於小圖片上,不僅可以減少圖片的請求數量(集合到js、css代碼中),還可以防止因為一些相對路徑等問題導致圖片404錯誤。
圖片在經過base64編碼後會比原文件更大一點,當然在特殊的場合用空間換時間是值得的。
閱讀更多 叫我王二哥 的文章