使用ajax显示Content-Type图像

Question

我写了一个HTML页面，调用thmbnail.ws为给定的URL生成缩略图（在此代码中它是来自gmap的地图），这是我的代码：

 $.ajax({
 	url: 'https://cors-anywhere.herokuapp.com/http://api.thumbnail.ws/api/API_KEY/thumbnail/get?url=http://maps.google.com/?q=36.82,10.17&width=800',
 	crossDomain: true,
 	headers: {'X-Requested-With': 'XMLHttpRequest'},
 	contentType: "image/jpeg",

 	success: function (data) {
 		console.log('Thumbnail Call OK');
 		console.log('Data Type : ' + typeof(data));
 		$('#map2').html('Image : <img src="data:image/jpeg;base64,' + data + '" />');
 	}
 });	

这是执行结果：

我认为响应是base64编码数据，所以我试图将数据放入img标签（在div＃map2中），但没办法：正如你所看到的，我在图像区域中有奇怪的字符！调试器说结果是image / jpeg，如果我点击“Response”选项卡我有这个：

当我在这里“clik”时，我有良好的形象：

我无法弄清楚正确的数据类型以及如何在我的页面中显示它！