Sencha touch 在Sencha Touch中显示图像

我的目标是在SenchaTouch2中显示图像

现在，我正在做这样的事情：

{
    xtype:'image',
    src: 'resources/icons/default_avatar.png',
    height: 256,
    width: 256
}

将来，我想从数据库中获取这些图像

在数据库中，这看起来像：

"avatar.png": {
      "content_type": "image/png",
      "digest": "md5-ewjS8WP/imog6RFh07xqHg==", <-- altered
      "length": 10741,
      "data": "abe24==" <-- made this up; too long to paste
    }

“avatar.png”：{
“内容类型”：“图像/png”，
“摘要”：“md5-ewjS8WP/imog6RFh07xqHg==”，我认为您仍然可以使用
src
——但是您必须在base64位之前加上适当的
数据：image/png；base64，
位

{
    xtype : 'image',
    src  : 'data:image/png;base64,' + record.data
}

您还可以简单地创建一个通用组件，并将一些原始HTML（与您的）放入其
HTML
config中

比如：

{
    xtype : 'component',
    html  : '<img alt="Embedded Image" src="data:image/png;base64,' + record.data + '" />'
}

{
xtype:'组件'，
html:'
}
您可以使用将存储在PockDB中的附件转换为可用的
标记

将返回Blob，然后使用将Blob转换为您可以使用的URL

当然，您也可以使用base64字符串并将其转换为数据URL（blob util也提供此功能），但它的效率远远低于直接使用blob。
如果我已经在上面进行
get（）
调用，我是否应该“include\u attachments:true”在PockDB的下一个版本（可能是3.7.0）中，您将能够使用
{include_docs:true，binary:true}
执行
get（）
，并返回blob。现在，执行额外请求可能比使用base64更有效。