trybeetle

take it slow!!

cordovaのカメラ機能


Posted on April 25, 2018, 2:12 p.m.



今回は、Cordovaのカメラプラグインの使い方です。

Pluginのインストール

cordova-plugin-cameraを追加します

index.htmlの記述

下記の様に記述します。この例ではbase64でエンコードします。


    

camera test



sqliteへの保存

sqliteへ画像を保存する場合は、base64のまま保存し、データタイプはtextとします。

下記の例は、NameとPhotoをカラムに持つテーブルとします。imgタグ内のsrcの値が欲しいので、下記の様に抜き出します。。


    var name = $("#name").val();
    var photosrc = $("#photo").attr("src");

    myDB.transaction(function (transaction) {
        var executeQuery = "INSERT INTO exampletable (name, photosrc) VALUES (?,?)";
        transaction.executeSql(executeQuery, [name, photosrc]
            , function (tx, result) {
                alert('Save completed');
            },
            function (error) {
                alert('Error occurred');
            });
    });

以上、Cordovaのカメラ機能でした。


Category:cordova
Tag: visual_studio cordova
April 25, 2018, 2:12 p.m.

Comments