技術メモ帳

■[javascript]URI の data: スキーム 21:35

今日初めて知ったのだが、data スキームを使えば

URIにデータを組み込めるそうだ。

以下のようにすれば、

dataスキームで、任意の画像を表示させる事が出来る。

<img src="data:image/gif;base64,BASE64データ">

たとえば、

google のロゴを dataスキーム を

利用して表示したかったら、

$ curl -s http://www.google.com/images/logo_sm.gif | openssl base64 | tr -d '\n'

こんな感じで base64 化したロゴ画像データを

該当部分に、貼付ければ良い。

<img src="data:image/gif;base64,ここに貼付ける。">

該当RFC:

http://www.ietf.org/rfc/rfc2397.txt