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

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

最佳答案

如@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和Sencha Fiddle。