JavaScript + PHP + MySQLで画像表示

  • Twitter
  • Facebook
  • Pinterest
  • Hatena
  • instagram
  • YouTube

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() でブン廻す方法がこれまでは一般的(?)みたいですが、自分はヤル気にならないし、このお手軽さを味わうと元のカラダには戻れません…(´Д` )

カテゴリー: JavaScript, MySQL, PC, PHP, プログラミング タグ: , パーマリンク

コメント投稿