如何替換指向mjpe​​g的圖像的src？

Question

我有一個顯示網絡攝像機圖像的應用程序。該應用程序將在單個頁面上顯示多個圖像。每個圖像容器上都有一個按鈕，可以使jQuery將該圖像向上縮放以填充64x480 div，而在存在多個圖像時則會更小。

我改變src使用jQuery的圖像中你所期望的：

$("#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元素並將其插入到較大div的位置。

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