强制firefox在img.src更改后重新加载图像

Question

我正在修改画布上的一些图像,然后将这些图像的src设置为新的base64编码图片.

img.src = changeColor(img);

changeColor返回base64编码图像:

return canvas.toDataURL();

src更改后Chrome和Opera是令人耳目一新的图像,但是firefox没有!我还通过FireBug检查了图像元素,它显示了新的src和新图像!

我已经尝试将数据添加到URL但是呃......这是一个base64编码的图像,而不是网址,所以它完全打破了我的图片.

我有什么办法强制重新加载图像或通过JavaScript禁用firefox缓存？

更新:我也试过设置image.src =''; 在changeColor函数中.它适用于chrome,但在firefox中...图片消失,并且在我设置新的base64值时不再出现.

Answer 1

尝试添加图像格式（并使用 jpg）。它可能会重新编码图像：

return canvas.toDataURL('image/jpg');