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

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的内容。

（PS ...我这样做是为了能够将图像数据本地存储到煎茶商店中。）

Answer 1

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

把事情简单化。