Question

我希望能够从服务器设置图像源，但也可以返回与其他服务器端操作相关的额外数据。

我会尝试解释。

在我的index.htm文件中，我在<body> ...

中有以下内容

<div id="BasicDemo" >
    <img id="nscreen" />
</div>
<script type="text/javascript">setImageSource()</script>

setImageSource()只是这样做......

$("#nscreen").attr("src", "/control?size=800x480");

我不是一个经验丰富的HTML编码器，但我在编码时经验足以理解上面是对服务器端代码的隐式HTTP GET请求，以便请求用于设置{的图像{1}}来源。

我想在psuedo-code中做的是......

<img>

我不是直接控制服务器端代码，但我知道开发人员并且正在努力解决这个问题。

我可以使用哪种调用来请求图像源和额外数据，并且仍能设置“src”属性？另一方面，服务器端代码如何构建响应？

我不禁感到我在这里错过了一些非常简单的东西。

Answer 1

您的服务器代码必须返回独立于图像的网页。

此网页将包含实际图像的路径，然后（独立地）包含您的其他数据。

此类通信的一种非常常见的格式是JSON。服务器构造一个如下所示的页面：

{extra: "some-data", image: "/path/to/real/image"}

就是这样，没有HTML，它将响应的Content-Type设置为application/x-json而不是text/html。

然后JS执行XMLHTTPRequest以获取上述JSON，解析响应，然后设置src属性。

没有可以设置图像源的位置，可以让您提取其他信息（禁止图像隐写或标题技巧或其他脏交易）。