我正在處理視頻,然后將每一幀作為圖像保存在我的靜態文件夾中。每個新圖像幀都會覆蓋靜態文件目錄中的前一個圖像幀。幀以每 5 秒左右 1 幀的速度出現。我想在我的 html 文件中顯示幀圖像。<img src='../static/frame.jpg' id="image" width="300" height="200">但它不起作用。它不斷加載編譯時使用的圖像版本。它僅在我刷新頁面時更新。我怎樣才能避免這種情況?這是我在 javascript 中使用的代碼。每次我收到 websocket 消息時,它都應該更新。我每 5 秒得到一個。socket.onmessage = function(e){ var recData=JSON.parse(e.data); image.setAttribute('src', '../static/frame2.jpg'); (...)
1 回答

函數式編程
TA貢獻1807條經驗 獲得超9個贊
您的圖像正在被瀏覽器緩存(這是默認的預期行為)
要告訴您的瀏覽器不要緩存它,您可以像示例中那樣添加Cache-Control標頭,或者實現ETag
解決方案的更多技巧(這會不必要地填充您的瀏覽器緩存)是在獲取請求中添加隨機數/日期時間
image.setAttribute('src', '../static/frame2.jpg?' + new Date().getTime());
添加回答
舉報
0/150
提交
取消