GWTのデータURI

Question

GWTでデータURIを作成することはできますか？

Iは、データURIを使用して実際の画像としてバイト配列画像を注入します。

Answer 1

GWTのトランクでClientBundleをチェックアウトする必要があります。 http://code.google.com/p/google-web-toolkit/wiki/ClientBundle

この機能はGWT 2.0まで出荷されていませんが、現在は多用されています。

Answer 2

はい。これを行うことは完全に可能です。 IE6がバイナリデータストリームをこのように処理しないことを実現するまでは、アプリケーション用にしました。あなたはいくつかの方法でそれを行うことができます。私の例では、バイト配列をどこかの文字列に変換し、適切にエンコードされ、データURIの型が適切であると仮定しています。私はまた、あなたが選択したデータスキームの基本的なフォーマットを知っている（またはそれを見つけることができる）と仮定しています。

私はこれらの例をfrom the Wikipedia article on data URI scheme撮影しました。

最初はちょうどあなたが通常どおり画像の参照を作るために、生のHTMLを使用して、それをページに挿入することです。

HTML html = new HTML("<img src=\"data:image/png;base64, 
iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGP 
C/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YGARc5KB0XV+IA 
AAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q72QlbgAAAF1J 
REFUGNO9zL0NglAAxPEfdLTs4BZM4DIO4C7OwQg2JoQ9LE1exdlYvBBeZ7jq 
ch9//q1uH4TLzw4d6+ErXMMcXuHWxId3KOETnnXXV6MJpcq2MLaI97CER3N0 
vr4MkhoXe0rZigAAAABJRU5ErkJggg==\" alt=\"Red dot\">"); 

画像を使用することもできます。 （どのほぼ同じ出力HTML/JSを生成する必要があります。）

Image image = new Image("data:image/png;base64, 
iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGP 
C/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YGARc5KB0XV+IA 
AAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q72QlbgAAAF1J 
REFUGNO9zL0NglAAxPEfdLTs4BZM4DIO4C7OwQg2JoQ9LE1exdlYvBBeZ7jq 
ch9//q1uH4TLzw4d6+ErXMMcXuHWxId3KOETnnXXV6MJpcq2MLaI97CER3N0 
vr4MkhoXe0rZigAAAABJRU5ErkJggg=="); 

これは、あなたのロードされた画像の上に画像抽象化のフルパワーを使用することができます。

私はまだあなたがこのソリューションを拡張し、データURIをサポートしていないブラウザに対処するためにGWTの延期バインディングメカニズムを使用することを考えています。 （IE6、IE7）