在我的应用程序中,我从服务器上加载了一个图像。清除画布后,我使用loadFromJSON加载相同的画布。这次,即使图像在浏览器缓存和网址相同,它也会再次下载图像。因此,它会在我的应用中造成延迟。
var imageURL = <blabla>.s3.amazonaws.com/upload/image.jpg
myApp.addImageWithURL(imageURL); //This adds image on canvas so downloads it on cache.
接下来,我清除画布并将其保存在localStorage中。
myApp.canvas.clear();
myApp.loadJsonOnStorage();
最后一部分,我加载了第一步加载图像的json。
canvas.loadFromJSON(json); //fabric.js function
因此,当我调用此函数时,它会开始下载保存在缓存中的图像。
为什么会发生这种情况,使用相同的网址下载相同的图片。一般来说,它在Chrome私密浏览中很常见,可能是因为它没有保留任何缓存(我不确定)但有时会发生在Chrome正常浏览中。