SNSや口コミ系サイトをつくるとなると、やはりスマホ対応も必要ですし、スマホから写真投稿も必要ですよね。

メールに添付する方法もいいですが、やっぱりPCのように写真をその場で選択してアップさせたいものです。

HTMLのフォームからカメラを起動させる方法

フォームにこのように書けばOKです。

基本はフォームのファイル添付と一緒だったのですねぇ。

これで「ファイルを選択」ボタンを押すと、スマホならカメラが立ち上がるか「アルバムから選択」するか「写真を撮影」するかを選択できるはずです。（iPhoneだと選択肢が提示されます）

また、PCからやった場合はウェブカメラが起動するわけではなく、普通にファイルの選択になるのでレスポンシブなんかでもそのままにしておいてOKそうですね。

逆にPCでもウェブカメラを使わせたい場合は、この方法じゃダメみたいです。FLASHとか使えばアクセスできるようですが、HTMLの場合はどうなんだろう？？

あとは普通にファイルの添付を処理するのと同じようにしてあげればOKそうですね。

古いスマホOSでは使えない

因みにこの方法に対応しているのは、

iOS 端末の場合 OS6 以上、android 端末の場合は android 3 以降のみとなります。

androidは比較的前の物から使えるんですがiPhoneがOS6以降のみなので、全部の端末をカバーさせたい場合は少し気をつけたほうがいいかもしれませんね。

ただ、スマホは比較的ユーザーがOSをアップデートしてくれやすい（或いは勝手にアップされる）ことや、端末自体が2年くらいで買い替えること、買い替えると最新のOSにいれかわることなどから、古いバージョンはそこまで気にする必要はないと思いますが。 ((勿論1つ前か2つ前のバージョンくらいまではカバーしたほうが良いかもしれませんが、IE6のように大昔のものまでは面倒見なくてもよさそうって意味です。))

参考

Safari for iOS 6で写真撮影が可能に、将来の「スマホ対応デザイン」について思う