extjs - 如何通过响应的一部分设置 Ext.Img 的数据？

Question

Ext.Img provides a method 命名为 setSrc 以设置图像的 URL。当图像是form数据的一部分时，为了防止再次调用服务器，我需要通过响应数据设置图像。

Answer 1

正如@Alexander 所建议的，您可以使用数据 URL 调用 setSrc。当服务器请求返回编码为 base64 的图像数据时，您可以在没有服务器请求的情况下将其添加到图像中。

// An empty image added to the HTML body
var img = Ext.create({
    xtype: 'img',
    renderTo: Ext.getBody(),
    height: 64,
    width: 64
});

// later when you fetched the data you can add it to the image
var imgBase64EncodedData = 'data:image/png;base64,iVBORw0KG...';
img.setSrc(imgBase64EncodedData);

参见Data URIs - Mozilla Developer and the Sencha Fiddle。