使用AJAX并返回图片

Question

我在通过 AJAX 接收和打开图片时遇到问题。 如果我调用以下页面：

http://127.0.0.1:8889/ex?sql=SELECT+Image+FROM+Persons+WHERE+Number+Like+%27%2501%27

在 IE8 中从 blob 字段显示图片。

现在我想在有人按下某个键后（使用 AJAX）将其打开到 div 中？
尝试使用 xhr.responseText 不起作用（我收到错误。在文本响应上使用它有效）。所以看来我的问题是从ajax请求中获取结果。

我该怎么做？

一些代码和错误消息：

var picReturn = xhr.responseText;

=> 由于以下错误而无法继续：c00ce514

Answer 1

您有三个选择：

1. 将结果数据放入 iframe 中。不太实用。
2. 获取结果并将其作为 data:uri 放入图像源中。 旧版浏览器不支持，并且根据浏览器限制为 32/64Kb。
3. 跳过 AJAX 并编写一个 Web 服务并将其用作您的 url。 这是最好的选择。

您没有说明您在服务器端使用什么语言，但您本质上是想打开一个 Web 响应，将标头设置为“image/jpeg”并返回您的流。