iPhone ローカルhtmlファイルを読み込んで画像を表示する

ヘルプ画面やアプリの説明画面などは、Webサイト構築をしたことがある人ならば、ローカルに保存したhtmlファイルを表示させる手法をとるほうが、やりやすいかも知れない。

このhtmlから、ローカル（ここではアプリのプロジェクト上に組み込むことをローカルと呼ぶ）に保存した画像ファイルを表示させるには、htmlファイルと同じ階層に保存した画像の場合は、

＜img src=./hoge.png"＞

別の階層に保存した画像の場合は、

＜img src=../hoge.png"＞

とすれば表示されるが、何らかの要因（おそらく環境設定）で表示されない場合がある。

これを回避するためには、画像そのものをエンコードして、htmlに組み込むことによって表示が可能となる。

その手法。
1. 画像エンコードができるWebサービスを利用して、エンコードする。
(1)下記URLにアクセス
　http://www.abluestar.com/utilities/encode_base64/index.php

(2)"Convert Image"で画像ファイルを指定し、エンコード処理を行う。
　「ファイルを選択」→「upload」
(3)"Source:"に表示されたテキストをコピーする。

2. htmlファイルに上記1.(3)でコピーしたテキストを組み込む。
コピーしたテキストは、画像表示タグの形式（＜img src="...）となっているので、そのままペーストすればよい。


■関連記事：
http://iphone-dev.g.hatena.ne.jp/Miyakey/20091017/1255760274
http://www.syuhari.jp/blog/archives/1333