extjs 接口返回验证码 界面渲染图片

1、img 标签
利用img src属性获取验证码即可，

//this.verifyCodeImage是你的验证码容器
var html = Ext.String.format('<img src=url/>')
this.verifyCodeImage.update(html);

但是这种操作，会导致浏览器显示provisional headers are shown这种情况一般都是直接获取了图片没有真正请求到接口，接口会给浏览器set-cookie信息，用这种方式获取不到，只能用第二种方法
2、ajax

Ext.Ajax.request(
{
	url: '/getVerifyCodeImage',
	method: 'GET',
	binary: true,
	params:{},//你需要传的参数
	success: function (response)
	{
		var blob = new Blob([response.responseBytes],
		{
			type: 'image/gif'
		}),
		url = window.URL.createObjectURL(blob),
		img = document.createElement('img');
		img.src = url;
		var html = Ext.String.format('<img src="'+url+'"/>')
		this.verifyCodeImage.update(html);
	},
	scope: this
});

转载请注明出处