通过AJAX返回图像数据

Question

好吧，伙计这个看起来很简单，但一直让我发疯。现在是凌晨2点，所以我只想把它放在那里。

1. 我正在制作概念证明页面，它加载json数据并将其放入表格中。已经完成了。
2. 对于主json数组中的每个对象，都有一个带ID的图像数组。
3. 这些ID可以与dataID结合使用，形成另一个AJAX请求的长URL，这次是图像。

这是棘手的部分。在最终处理CORS问题之后，我终于得到了带有响应的数据包。而且基本上我是以最奇怪的方式搞砸了。这是我的一个回复中的一小部分：

ÿØÿàJFIFÿÛ  ( 
%!1!%)+...!683-7(-.+...

这对我来说很垃圾。但它与图片如何下降有关。我一直在搞乱内容类型，但即使是text / plain也是如此。我从视图和开发者工具的Chrome网络标签中获取了这些内容。当我从响应转到“预览”时，文本显示为：

"/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxMTEhUSEhMVFhUWGBkaGBcXGBYYGBseGBsaFxoXGRo HiggGB..."

基本上预览标签中的内容是完美的。我把它放在src='data:image/png;base64,' +之后的图片标签中，它完美无缺。我真正追求的是Chrome如何从响应中获取该文本？我如何从success:function()data{}的{​​{1}}获得该结果。我将把我正在做的事情放在代码明智之下，但它非常标准。数据包返回，我只想要PREVIEW版本，而不是RESPONSE版本。我找不到任何文件。

$.ajax call

请帮帮我，我会在早上标记答案＆lt; 3

编辑：我从我无法控制的API获取图像。以下是网络标签上的一些内容。

响应：

这就是预览的样子。如果我能成功访问此字符串：ajax中的function（data）{}我已设置。

预览：