从内存中更新 ASP.NET 页面中的图像而不刷新页面

Question

我有一个命令行 C# 服务器和一个 ASP.NET 客户端，它们都通过 .NET Remoting 进行通信。服务器以每秒 2 帧的速度向客户端发送从网络摄像头抓取的静态图像。我可以通过远程方法调用将图像传递给客户端，并且图像最终在此客户端方法中：

    public void Update(System.Drawing.Image currentFrame)
    {
        // I need to display the currentFrame on my page.
    }

1. 如何在页面上显示图像而不将图像保存到硬盘？如果它是一个 winForms 应用程序，我可以将 currentFrame 传递到图片框，即。 picturebox.Image = currentFrame.

2. 上述 Update 方法每秒至少触发 2 次。如果客户端是 winForms 应用程序，我可以简单地输入picturebox.Image = currentFrame，屏幕上的当前帧将自动更新。如何使用 ASP.NET 达到同样的效果？整个页面需要重新加载等吗？我基本上想让它看起来像实时视频源！

Answer 1

您已将一名玩家排除在游戏之外：浏览器。您的问题实际上是：如何使互联网上的某些随机计算机上的浏览器根据服务器中发生的情况更新其显示的图像。

答案当然是：你不知道。

您可以将图像放置在 UpdatePanel 内，并根据计时器更新面板。图像的 src 属性的 URL 必须指向您自己的 HttpHandler（.ashx 文件），该文件将调用服务器获取最新图像。

永远记住 Web 的工作原理：控制权是浏览器，而不是服务器端。

PS .NET Remoting 已被弃用，取而代之的是 WCF。

Answer 2

您需要在服务器上有一个页面或处理程序来呈现图像。这就是它的工作。然后，您可以在页面上放置 javascript，显示作用于计时器 (window.setTimeout) 的图像，并不断轮询服务器以获取更新的图像。您可能希望在查询字符串中使请求有些动态，这样您就不会因重新显示缓存的图像而不是服务器提供的新图像而陷入困境。像

<script type="text/javascript" language="javascript">
    i = 0;
    window.setTimeout(updateImage, 500);
    var img = document.getElementById('img_to_update');

    function updateImage() {
        img.src = 'imageRenderer.aspx?req=' + i;
        i += 1;
        window.setTimeout(updateImage, 500);
    }
</script>

Where i 这样的东西仅用于保持请求唯一以防止缓存问题。

无论如何，这是确切的脚本吗？也许不是，我把它从我的脑海中写下来，我已经有一段时间没有做过类似的事情了。但它应该让您了解如何实现部分独立于服务器端技术的客户端。 （此脚本可以位于任何页面上，静态或动态呈现。）