如何替换指向mjpe​​g的图像的src？

Question

我有一个显示网络摄像头图像的应用程序。该应用程序将在单个页面上显示多个图像。每个图像容器上都有一个按钮，当有多个图像存在时，jQuery会将该图像缩放到64x480 div，而小得多。

我按照您的期望使用jQuery更改图像中的src：

$("#imageId").attr("src", "http://cameraUrl.com:6000?width=640&height=480&d="+date.getTime());

date.getTime()旨在覆盖浏览器中的缓存。它适用于检索静止图像。

有时视频会更改为更大的分辨率。其他时候它只是将原始图像放大以适应较大的div，就好像它没有加载新的URL一样。这很明显，因为它是颗粒状的，并且相机的文字叠加是按比例放大的。有时，图像最终会以更高分辨率的版本加载，并且图像清晰度和文本叠加缩放到应有的位置就可以证明这一点。

是否有正确的方法来强制设置图像src，其中src指向要重新加载的动作jpeg流？

Answer 1

虽然我不完全确定，但您可以尝试不更改src属性，而是创建一个新的img元素并将其插入DOM中较大div的点。

$("#fullsize").html('<img src="/images/' + filename + '.gif" alt="' + string + '" />');