extjs - 応答の一部でExt.Imgのデータを設定する方法は？

Question

Ext.Imgprovides a methodsetSrcイメージのURLを設定します。イメージがformデータの一部であるときにサーバーへの別の呼び出しを防ぐために、応答データを使用してイメージを設定する必要があります。

Answer 1

@Alexanderが示唆しているように、setSrcにデータURLを付けることができます。サーバーリクエストが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を参照してください。