【问题标题】:Unable to load image from database; only URL shows无法从数据库加载图像;只有网址显示
【发布时间】:2013-09-01 09:18:52
【问题描述】:

在 phonegap 的帮助下,我正在制作一个使用 phonegap sqlite 数据库的 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>

【问题讨论】:

    标签: android sqlite jquery-mobile cordova


    【解决方案1】:

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

    这里只保存图片的url,如果需要保存完整的图片需要将图片转换为base64并保存。并像这样给出图像src

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

    help link

    【讨论】:

      猜你喜欢
      • 2012-07-10
      • 1970-01-01
      • 2012-12-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-10-12
      • 1970-01-01
      相关资源
      最近更新 更多