スマホでフォームの画像アップロード部分でカメラを起動させる方法
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に関してはどっちのパターンでもカメラやギャラリーを選択するダイアログみたいなのが出てきた。
関連記事
-
-
PHPでダミー画像(プレースホルダー画像)を表示する「PHP-Dummy-Image-Generator」の利用方法
先日JavaScriptでダミー画像(プレースホルダー画像)を表示する「Hold ...
-
-
画像をアップロードすると複数サムネイルを生成する方法
フォームで画像をアップロードすると、予め定めておいた大中小のサイズでサムネイル画 ...
-
-
PHPでjpg / png画像をAVIF形式の画像に変換する方法
PHPでjpg / png画像をAVIF形式の画像に変換しサーバに保存したい。W ...
-
-
faviconをサイトURLもしくはpngファイルから生成する方法
AというサイトのfaviconをBというサイトで使いたかった。ただ、favico ...
-
-
サムネイルをクリックすると拡大画像を表示できる「Lightbox2」の利用方法
画像をサムネイル表示してクリックしたら大きく表示するというのがLightboxで ...