勉強したことのメモ

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

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

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

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

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

capture属性

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

ソースコード

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

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

- HTML 画像関連

関連記事

: PHPで画像アップロード、リサイズ、形式変換(jpg->webp等)はclass.upload.phpが便利

今までPHPで画像関連の処理を行う場合、リサイズの時のみsmart_resize ...

: Chart.jsで描写したグラフを画像としてダウンロードさせる方法

サイト内にChart.jsでグラフを描写し、ボタンやリンクをクリックすることで当 ...

: バニラJS対応(jQuery非依存)の画像遅延読み込みプラグイン「echo.js」の利用方法

あるサイトをブラウザの開発者ツールで見ていると「echo.js」と聞いたことの無 ...

: バニラJS対応(jQuery非依存)の画像スライダー系プラグイン「Flickity」の利用方法

画像スライダーを設置する場合「slick」プラグインを利用することが多い。ただ、 ...

: LightboxをjQuery無しで実装できる「Luminous」の利用方法

あるサイトのコーディングデータを貰った際、jQueryは使用していないのにLig ...