VSCode + CordovaのエミュレータでCameraを起動する
Cameraを起動するにはプラグインが必要です。
1 |
cordova plugin add cordova-plugin-camera |
HTML5
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
~省略~ <button id="picture">ボタン</button> ~省略~ <script type="text/javascript"> $(function() { $('#picture').on('click', function() { // カメラ起動時のオプション var options = { quality: 50, destinationType: Camera.DestinationType.FILE_URI, // URLを引数 sourceType: 1, // 0:Photo Library, 1=Camera, 2=Saved Album encodingType: 0 // 0=JPG 1=PNG }; // カメラが起動される navigator.camera.getPicture( function(fileURL) { // カメラ保存時の処理 }, function() { // 失敗時、または、画像取得キャンセル時にこの関数が呼ばれる }, options ); }); }); </script> |
エミュレータのカメラ画面はこんな感じです。
1 |
cordova plugin add cordova-plugin-file-transfer |
というプラグインを使うとカメラで撮ったと同時にファイルをサーバにアップロードすることができました。アップロード部分はphpを使いました。
KHI入社して退社。今はCONFRAGEで正社員です。関西で140-170/80~120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^