1

phonegapの助けを借りて、phonegap sqliteデータベースを使用した1つのAndroidアプリケーションを作成しています.データベースにデータを保存し、データベースから戻って表示していますが、画像が表示されず、画像がある場所へのパスのみが表示されます.保管されています。私の間違いを見つけるのを手伝ってください。

JQuery の場合:-

function List() {
    $.ajax({
        type: "GET",
        url: "one.html",
        contentType: "text/xml",
        dataType: "xml",
        data: "",
        crossDomain: true,
        success: function(xml) {
            $(xml).find('xyz').each(function() {
                var title = $(this).find('title').text();
                var Image = $(this).find('image').text();

                db.transaction(function(transaction) {
                    transaction.executeSql('INSERT INTO A 
                        VALUES ("' + title + '","' + Image + '")',
                        nullHandler, errorHandler);
                    });
                });
                Dynamic_List();
                return false;
            }
        }
    });
}

/*This Method Create Dynamic Menu Item List*/    
function Dynamic_List() {
    $('.mylistview').empty(); 
    db.transaction(function(transaction) {
        transaction.executeSql('SELECT * FROM A;', [], 
            function(transaction, results) {
                if (results != null && results.rows != null) {  
                    for (var i = 0; i < results.rows.length; i++) {
                        var image = results.rows.item(i).A_Image;
                        var Title = results.rows.item(i).A_Title;

                        $('.mylistview').append(
                            '<li class = "cat_list">' +
                            '<div class = "divli">' +
                            '<div class = "menuImg" ' + 
                            'style = "height:48px; width:48px;">' + 
                            menu_image +
                            '</div>' +
                            '<div class = "divbody">' + 
                            '<h3>' + menu_Item_Title + '</h3>' +
                            '</div>' +
                            '</div>' +
                            '</li>');
                    }
                }
            }
        }, errorHandler);
        }, errorHandler, nullHandler);
    return;
}

HTML5:-

<div class = "foodList">            
    <ul class = "mylistview"
        style = "display: block;"
        id = "my_dynamic_list_view">
    </ul>
</div>
4

1 に答える 1

1

var Image = $(this).find('image').text();

これは画像の URL のみを保存します。完全な画像を保存する必要がある場合は、画像を base64 に変換して保存する必要があります。そして、このように画像srcを与えます

<img src="data:image/gif;base64,UR base64 hash"  />

ヘルプ リンク

于 2013-08-29T05:36:19.777 に答える