禁用數據url jpg緩存

Question

我有一個不變的base64編碼jpg文件源，每秒大概創建一個簡單的視頻流1-5個圖像。這是他們的樣子：

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg== 

將其輸入img元素的SRC屬性附加傷害觸發其正在被瀏覽器緩存在後臺請求：

由於每個幀緩存我應用程序會在短時間內填充瀏覽器緩存。

1. 我該如何避免這種緩存行爲，以便每一幀都沒有被緩存或緩存很短的時間？
2. 如果這是不可能的，那麼我怎樣才能顯示來自合理快速*流的jpg二進制數據而無需緩存？

*我試圖以原始的二進制JPG數據解碼成原始像素，並將其呈現在畫布使用jpg.js但過於昂貴的時間和CPU消耗方面

Answer 1

你可以做到這一點 - 它是棘手的，但可能的。它涉及converting dataURI to Blob，然後blob到objectURL。我已經準備了一張照片的例子，但你可以做很多事情。每次創建不同的URL時，都不要緩存。

我的例子：https://jsbin.com/tuxoveroha/edit?html,output

只要確保你使用revokeObjectURL當與URL來完成，以釋放內存。