JavaScript から鯖の画像DBを PHP で叩いて、返って来たBLOB型画像データをページ遷移無しでブラウザに表示させるだけの簡単なお仕事です。
XMLHttpRequest2 に関する新しいヒントを参考にしながらコードを書いてみたのですが、サンプルコード、および自分のコードでも FireFox 23.01 と Chrome 29.0.1547.76 m でしか動作しませんでした・・・(´・ω・`)
※Internet Explorer 10 は未確認
Opera 12.16 では window.URL.createObjectURL() でエラー…
Windows版 Safari 5.1.7 は createObjectURL が【Nightly build】な様で…
◆参考:https://developer.mozilla.org/ja/docs/Web/API/window.URL.createObjectURL
しかしながら実際に動くと、リクエストされた画像ファイルだけをDBから引っぱってくれば良いので画像を実体データ(hoge.jpgとか)で持つ必要が無く、画像のバージョン管理やコメント等もDBで行えるので超便利。
画像DB(MySQL)への格納も BLOB型(自分はmediumblob)で行えばクエリの結果を PHP で echo、若しくは print するだけというお手軽さw(エンデコ不要)
for() でブン廻す方法がこれまでは一般的(?)みたいですが、自分はヤル気にならないし、このお手軽さを味わうと元のカラダには戻れません…(´Д` )