頁面加載后使用Ajax重新檢查圖像src

Question

我有一張圖片，該圖片會在頁面加載后通過服務器更新。 圖像src已經設置，將顯示一個圖像，相同的圖像路徑在初始請求后將被覆蓋，我幾乎需要重新請求該圖像以檢查圖像更改。

查看.load函數，這似乎是前進的最佳方法，但事實證明我不能使用下面的方法。 在這種情況下，圖像的ID為image_id。 此圖像的路徑是絕對的。

$( "#image_id" ).load( "ajax", function() {
  alert( "reloaded image" );
});

謝謝！

Answer 1

您應該為兩個圖像使用兩個不同的路徑。

您將要與瀏覽器和您使用的任何CDN中的緩存作斗爭。 即使您要銷毀該節點並插入一個新節點，也可能會顯示舊圖像。

更重要的是，您的圖像不可預測。 如果user1觸發了圖片替換操作，然后user2訪問該頁面，則將向他們顯示當時該路線上的任何圖片。