スマホでフォームの画像アップロード部分でカメラを起動させる方法
2024/04/16
formの画像アップロード部分で、スマホの場合にカメラで撮影させたい。以下に対応方法をメモ。
capture属性
https://developer.mozilla.org/ja/docs/Web/HTML/Attributes/capture
ソースコード
<!--カメラ直接起動--> <input type="file" accept="image/*;capture=camera"> <!--カメラやギャラリーの選択--> <input type="file">
尚、iphoneに関してはどっちのパターンでもカメラやギャラリーを選択するダイアログみたいなのが出てきた。
関連記事
-
-
画像にマウスを合わせると拡大表示させる「drift」ライブラリの利用方法
amazon等ECサイトで商品画像にマウスを合わせると当該部分が拡大表示されると ...
-
-
Ajaxでプラグイン無しのファイルアップロード方法
画像ファイルを添付できて、尚且つAjaxを用いた非同期通信のフォームを作りたかっ ...
-
-
PHPで画像のフォーマット(拡張子)の変換
画像のアップロードでjpg/png/gif形式を受け付けつつ、 最終的にjpgで ...
-
-
PHPでファイル書き込み時に「failed to open stream: HTTP～～」エラー
PHPでファイルを書き込む際に「failed to open stream: H ...
-
-
javascriptやjQueryで画像を書き換えても変わらない場合
けっこう前に画像をアップロードしてリアルタイムにプレビューする機能を作った時に、 ...