スマホでフォームの画像アップロード部分でカメラを起動させる方法
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に関してはどっちのパターンでもカメラやギャラリーを選択するダイアログみたいなのが出てきた。
関連記事
-
-
jQueryの画像スライダー用プラグイン「slick」の使い方
jQueryの画像スライダー用プラグイン「slick」の使い方についてソースコー ...
-
-
JavaScriptでダミー画像(プレースホルダー画像)を表示する「Holder.js」ライブラリの利用方法
サイトの開発段階で「本番用の画像はまだ用意できていない」等の理由によりダミー画像 ...
-
-
PHPにて指定した画像に対して、繰り返し透かし画像処理する方法
画像素材等のサイトで無料版の画像に対して「sample」等の透かし画像処理を行っ ...
-
-
JavaScriptにてスワイプ可能なLightBox系ライブラリ「PhotoSwipe」の利用方法
あるサイトをWappalyzerで調査していた際に「PhotoSwipe」という ...
-
-
summernoteで画像選択時にサーバにファイルをアップロードする方法
summernoteで画像を選択した際、ファイルはアップロードされずBase64 ...