javascript - 如何清除缓存中下载的图像

Question

如何清除浏览器缓存中下载的图片？

这是我如何将新的 src 分配给 <img> :

img.onload = function () {
            var canvas = document.createElement("canvas");
            canvas.width = this.width;
            canvas.height = this.height;

            var ctx = canvas.getContext("2d");
            ctx.drawImage(this, 0, 0);

            var dataURL = canvas.toDataURL("image/png");

            imageSrc = dataURL.replace(/^data:image\/(png|jpg);base64,/, "");

            self.$cameraImg.attr('src', 'data:image/png;base64,' + imageSrc);
        };
img.src = '/camera/image/vehicle/' + id + '/code/' + code + '/cam_no/1/';

多次下载后，浏览器内存使用量增长到大量(> 1GB)，之后我的浏览器崩溃(Chrome 和 Firefox)。

Answer 1

您应该从服务器端执行此操作。因此，这取决于您在那里使用的技术。这里有很多想法:How to set HTTP headers (for cache-control)? 。但不要使用 HTML 元标记，因为它被认为是缓存控制的不好做法。