monacaで写真を撮影してサーバーにアップロードする(プログレスバー付)

monaca
スポンサーリンク

カメラで写真を撮って、その写真をサーバーにアップロードします。
iOS/Androidともに動作しました。
base64encodeされた画像データをAJAXでサーバーにPOSTして、サーバーではPHPでbase64decodeしています。
※エラー処理などはほとんど省いています。

20141127014807

HTML

最低限の要素だけ。カメラ起動ボタン、画像入れるとこ、アップロードボタン、プログレスバー

javaScript

jQueryを使っているので読み込む必要があります。
(設定 > JS/CSSコンポーネント からjQueryを追加)
ちなみに、☆の部分をアンコメントするとライブラリからの写真選択になります。

サーバーで画像を保存

とりあえず保存だけ。事前にユーザーIDとか持たせて、DBに保存しないとヒモ付できない。

monaca アプリ
スポンサーリンク
adminをフォローする
STOCKCODE
タイトルとURLをコピーしました