iphone - Phonegap数据库问题-在数据库中存储图像

Question

我正在尝试使用以下选项制作一个非常基本的库存应用程序添加库存中元素的照片。我已拥有一切除了照片部分外正在工作...

我看过这个

http://phonegap.pbworks.com/iPhone%3A-Camera-API

我可以让相机工作，但似乎无法添加图像到数据库 -

这是一些代码

数据库定义/创建 - simage 是照片所在的位置去

db.transaction(
        function(transaction) {
            transaction.executeSql(
                'CREATE TABLE IF NOT EXISTS entries (' +
                'id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT, ' +
                'date DATE, sitem TEXT, snumber TEXT, ' +
                'scategory TEXT, scost TEXT, simage BLOB);'
            );
        }
    );

这里保存记录(拍照后)

function insertEntry() {
    var date = sessionStorage.currentDate;
    var snumber = $('#number').val();
    var sitem = $('#item').val();
        var scategory = $('#category').val();
        var scost = $('#cost').val();
        var simage = $('#image').val();
    db.transaction(
        function(transaction) {
            transaction.executeSql(
                'INSERT INTO entries (date, sitem, snumber, scategory,
scost, simage) VALUES (?, ?, ?, ?, ?, ?);',
                [date, sitem, snumber, scategory, scost, simage],
                function(){
                    refreshEntries();
                    jQT.goBack();
                },
                errorHandler
            );
        }
    );

}

对我缺少的东西有什么想法吗？

谢谢。

Answer 1

您必须通过 Canvas 的 toDataUrl 函数将图像(val() 不起作用)转换为 Base64...

请参阅 Jesse MacFadyen 关于执行此操作的文章 here 。有一个小问题，如果图像服务器源与页面源不同，此代码将无法在 Phonegap 之外工作，因为 to not having an origin-clean flag in the canvas ，但是这不会影响在 Phonegap 中运行时的页面...