Graphic convert BASE64 and present at HTML

今天吃飯的時候, 意外和同事聊到 圖片可以轉換成 Base64 的編碼,
但是希望能夠在網頁呈現時是 直接顯示 圖片, 而非一段亂七八糟碼,
於是, 今天下午利用了一點交差後的空檔,
找了一下 Google 上的各種Base64編碼的可能,
沒想到意外的找到了, 下面這種寫法:
<img alt="Embedded Image"  src="data:image/png;base64,R0lGODlhzAD2APcAAAAAADw8PD….."/>
 
於是,  趕緊寫個 Graphic2Base64.java 來試試看!!….
 
public static void main(String[] args) {
  try {
   BufferedInputStream bufferedInputStream = new BufferedInputStream(new FileInputStream("D:/Temp/Computer.gif"));
            byte[] bytes = new byte[1];
            ArrayList<Byte> a = new ArrayList<Byte>();
            while(bufferedInputStream.read(bytes) != -1) {
                a.add(bytes[0]);
            }
            bytes = new byte[a.size()];
            for (int i=0; i<bytes.length; i++){
             bytes[i] = a.get(i).byteValue();
            }
            byte [] base64bytes = Base64.encodeBase64(bytes);
            System.out.println( new String( base64bytes ));
  } catch (FileNotFoundException e1) {
   e1.printStackTrace();
  } catch (IOException e) {
   e.printStackTrace();
  }
}
 
然後把產生的 Base64 Code 插入, 竟然真的跑出 圖片了!!….
這實在是太令人意外了!!….
 
 
 
廣告

About fenjj

Perfect !!??...
本篇發表於 Uncategorized。將永久鏈結加入書籤。

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s