1. 程式人生 > >前端開發之使用base64模式處理圖片

前端開發之使用base64模式處理圖片

最近在做訊息推送,涉及到圖片處理這一塊,於是就使用base64的方式處理圖片.做一個簡單的總結.算是備忘.如果能幫到大家最好.

一.什麼是base64

      Base64就是一種基於64個可列印字元來表示二進位制資料的方法。  (百度百科)   

二.如何使用

     1.將圖片轉換成base64.獲取base64圖片編碼.

      http://base64.xpcha.com/indexie.php

     2.將生成的base64圖片編碼放進<img src="這裡放圖片編碼"/>src裡邊即可.

       瀏覽器可以自動讀取.

    3.在這裡我是將整個html存進了資料庫.

       再補充一些資料庫的注意事項.

       由於圖片轉為base64編碼很多,圖片越大編碼越多.所以設定資料庫的欄位的時候要把長度

        足夠長.

        具體設定參考:https://www.cnblogs.com/usual2013blog/p/3747644.html