Demo

• 取得完了画面

Requirement

キーをコピーし、追記します。

Description

• コードの説明

File: www/index.html

• 初期化設定

var appKey    = "YOUR_APP_KEY";
var clientKey = "YOUR_CLIENT_KEY";
var fileName = "uploaded.jpg"; //保存File名

///// Called when app launch
$(function() {
  NCMB.initialize(appKey, clientKey);
});

上記のコードでアプリケーションキーとクライアントキーを指定し、
NCMB.initialize(appKey, clientKey)　でmBaaSサーバと連携を行います。

• カメラ処理
  ```JavaScript
  　　　function snapPicture () {
  navigator.camera.getPicture (onSuccess, onFail,
  { quality: 50, destinationType: Camera.DestinationType.DATA_URL});

   //成功した際に呼ばれるコールバック関数
   function onSuccess (imageData) {
       var byteCharacters = toBlob(imageData);
       var NCMBFile = new NCMB.File(fileName, byteCharacters, "image/png");
       NCMBFile.save().then(function() {
         //NCMBサーバーからファイルをダウンロード
         var getFile =  new NCMB.File(fileName);
         var image_canvas = document.getElementById("showImage");
         getFile.fetchImgSource(image_canvas);
       },
       function(error) {
       　// The file either could not be read, or could not be saved to NCMB.
         alert(JSON.stringify(error));
       });
   }
  
   //失敗した場合に呼ばれるコールバック関数
   function onFail (message) {
       alert ('エラーです: ' + message);
   }
  

  　　 }
  ```

NCMBFileを利用してsave()メソッドを実行すると、ファイルを非同期にてアップロードします。
アップロードが成功したら、getFileを利用してファイルのダウンロードを行います。
imgタグ"showImage"のドキュメントオブジェクトをfetchImgSource()に渡し、ダウンロードしたファイルの中身を表示させます。

Usage

サンプルコードをカスタマイズすることで、様々な機能を実装できます！
データ保存・データ検索・会員管理・プッシュ通知などの機能を実装したい場合には、
以下のドキュメントもご参考ください。