勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

画像の登録フォームにてjQueryプラグインを用いてWebカメラの映像を撮影させる方法

   

form内の画像アップロード部分にて、通常であれば画像ファイルを参照させたものをアップロードするけど、Webカメラでその場で撮影させて、その画像をアップロードするプラグインがあったのでメモ。

 

■piCEdit

https://github.com/andyvr/picEdit

 

■サンプル

http://sample.taitan916.info/picEdit/

※画像を送信しても保存されません。

 

■ソース

・撮影するページ

 

・保存するページ

 

■その他

WebRTCとかいうのがIEとsafariでは対応していないらしく、主要ブラウザだとfirefoxやchromeしか使えなさそう。

 - jQuery

  関連記事

jquery_logo
lightboxをファイルアップロードなしで使う(CDN)方法

本番実装時ならともかく、テスト用とかでlightboxみたいによく使うプラグイン ...

jquery_logo
jQueryの最新バージョン呼び出しとバージョン確認

<script type="text/javascript" src="h ...

images
PHPとajaxでチャットの作成

■ソース ・index.php <? error_reporting(E_ ...

jquery_logo
jQueryでIPから位置情報の取得

jQueryのプラグインでお手軽にIPから 位置情報や経度緯度等調べられたのでメ ...

jquery_logo
jQuery Alert Dialogsで表示後に処理したい

最近携わったサイトの中でJavaScript内に「jAlert」とかいう記述があ ...

jquery_logo
FullCalendarでラベル毎に表示切替したい

Googleカレンダーだとページ左側にマイカレンダーというのがあり、その中に任意 ...

jquery_logo
jQueryでjsonデータを処理(parseJSON)

他社が作成したシステムのちょっと改修案件があった。設置したもののどうも動かないと ...

jquery_logo
jQuery.browser~みたいなエラーが出た

jQueryのプラグインを使っていて1.9以降だと「jQuery.browser ...

jquery_logo
jQueryのプラグインで簡単にイメージスライダーを作成(bxslider)

画像のスライダーを作る時に便利なプラグインであるbxslider。 簡単に使える ...

jquery_logo
jQueryでimgタグのsrcを変える

やりたかった事はイベントに応じてimgタグの src内のURLを変更。attrを ...