これは 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... 画像データを煎茶ストアにローカルに保存できるようにするためにこれを行っています。)