勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

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

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

2015/01/10 2024/04/16 HTML 画像関連

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

目次

1 capture属性
2 ソースコード

capture属性

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

ソースコード

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

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

- HTML 画像関連

関連記事

: JSやjQueryで動的に追加した要素に対して「slick」でスライダーを実行する方法

外部サーバからAjax等で画像URLを取得したものをimgタグとしてページ内に描 ...

: PHPで画像を分割し並べ替えて出力したものをJavaScriptで復元する方法

ある電子書籍サイトをブラウザの開発者ツールで見てみたところ、PHPでページ画像を ...

: PHPにてSVGファイルをjpg / png画像に変換する方法

PHPにてSVGファイルをjpgもしくはpng形式の画像ファイルに変換したいとい ...

: JavaScriptで画像読み込み完了のタイミングを検知する「imagesLoaded」ライブラリの利用方法

大き目のサイズの画像をページに設置すると読み込み完了まで時間がかかる。その画像が ...

: CKEditor5(WYSIWYGエディタ)に画像アップロード機能を追加する方法

CKEditor5(ウィジウィグエディタ)に画像アップロード機能を追加したい。公 ...