Question

您好我正在处理一个在服务器上显示动态生成的图像的应用程序。为了获取图像，在我们的例子中，应用程序使用Ajax请求。检索到的数据如下所示：

    "�PNG


    IHDRLXx�s
    sBIT|d� pHYsaa�?�i IDATx���w|U�����~�{BI(�H/�4AaeQQp�>�n�]Wݯ�"�W?~t���uuW]�""R)RBI ����w~�;)7   Iя�.................................
..........................................."

看起来像this：

在我的应用程序中，我有一个Text：image，我想显示图像，但我不知道该怎么做。有谁知道怎么做？

这里是ajax请求代码。

Ext.Ajax.request({
url: 'http://localhost/my_url/you_dont_need_to_know_this',
success: function(response){                
    //img.setData(response.responseText); //img is a Ext:image component.
    debugger;
},
scope: this

}）;

Answer 1

如果您的服务器使用图像数据进行响应，请执行以下操作：

Ext.Ajax.request({
    binary: true,  //set binary to true
    url: 'http://localhost/my_url/you_dont_need_to_know_this',
    success: function(response) {
        var blob = new Blob([response.responseBytes], {type: 'image/png'}),
        url = window.URL.createObjectURL(blob),
        img = document.createElement('img');
        img.src = url;

        //do something with img
    }
});

来自ajax请求的Extjs Image / png

1 个答案: