技術メモ帳 - URI の data スキーム

今日初めて知ったのだが、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

[so_blue]

そのうち試してみる

[webmarksjp]

スキーム

[hiyang]

ちょっとしたストレージ

[mogwaing]

[data:スキーム]

[B-SAKATU]

こんなのあったのか。こんど使ってみよう。

[OkadaHiroshi]

FirefoxではOK、IE6ではNGでした。

[bull2]

URIにデータが組み込める

[f99aq]

"data:image/gif;base64,BASE64データ"

[kdaiba]

データを圧縮するのに使えないかな

[denken]

dataスキームなんてものがあったのか。モメモメ

[agx]

URIにいろいろなデータを入れる方法。とはいえ、あまり大きなデータは無理かも。

[potappo]

[data:スキーム][あとで試す]

[otsune]

takesakoさんが得意な奴だな

[vkgtaro]

ユーザ CSS で使ってる。http://d.hatena.ne.jp/mitamu/20051210#1134223110

[hamasta]

>data スキームを使えばURIにデータを組み込めるそうだ。 | な、なんだってー　でもIE6は不可か

[sqrt]

ユーザCSSで重宝しています（カーソル変更とか）／base64じゃなくて普通のURLエンコードでも／そういえばIEでもjavascript:スキームなら絵を描けたような……あ、これだ→http://www.wolf5k.com/。こっちはXBMイメージだけなのかな...

[usj12262]

IE6では表示できなかった。FirefoxはOK/まだ第二のアジャックスが隠れてそう

[yugui]

そういやあったな。