スマホでフォームの画像アップロード部分でカメラを起動させる方法

formの画像アップロード部分で、スマホの場合にカメラで撮影させたい。以下に対応方法をメモ。

capture属性

https://developer.mozilla.org/ja/docs/Web/HTML/Attributes/capture

ソースコード

<!--カメラ直接起動-->
<input type="file" accept="image/*;capture=camera">
<!--カメラやギャラリーの選択-->
<input type="file">

尚、iphoneに関してはどっちのパターンでもカメラやギャラリーを選択するダイアログみたいなのが出てきた。