将Ext.Ajax.request返回的图像二进制数据加载到<img>标签中

Question

这是一个Sencha Touch + HTML问题。

我使用Ext.Ajax.request从服务器检索图像数据。

    Ext.Ajax.request({
        url: 'http://localhost:3000/someimage.jpg',
        method: 'GET',
        success: function(res) {
            rec.set('imagedata', 'data:image/jpeg;base64{' + res.responseText + '}');
        },
        failure: function() {
            console.log ( 'Failed to GET image data ' + url );
        },
        scope: this
    });

上面的res.responseText似乎包含jpg文件的内容。

稍后，我将图像数据传递到html中的标记中，如下所示：

<img src="{imagedata}" style="width:100%;"/>

结果：

我在图像框中看到的不是图像，而是乱码文本。乱码文本是responseText的内容。

(附言...我这样做是为了能够将图像数据本地存储到sencha存储中。)

Answer 1

我只需将图像的URL存储在存储中，然后动态创建IMG元素，就像您将src设置为URL一样。

保持简单。