javascript - Chrome 问题：Chrome 未获取/绘制图像

Question

我正在用 html 创建一个缩略图库。为了获取缩略图，我做了这样的事情

for(var i = 0; i<n; i++) {
    var thumbnails = $("<img/>").attr("src", "getPageImage.htm?page=" + temp[i]);
    $(body).append(thumbnails);
}

这工作正常。现在我有一个函数可以处理这些缩略图上的点击事件，类似于以下内容：

var nextImage;
$(thumbnails).click(function () {
    var src = $(this).attr("src");
    nextImage = new Image();
    nextImage.src = src;
});

现在我在 HTML 画布上绘制 nextImage 对象

ctx.drawImage(nextImage, 0, 0, 100, 130); 整个代码适用于 mozilla firefox，但不适用于 google chrome。似乎 chrome 没有再次向服务器发送 nextImage 对象的 src 属性的请求。任何替代解决方案？

score 0 · Accepted Answer

尝试在图片的 URL 中添加一个未使用的 GET 参数，每次都会有所不同。我经常使用这个技巧来强制浏览器重新加载图像。

var src = $(this).attr('src') + '?' + (new Date()).getTime();

..或者...

var src = $(this).attr('src') + '?' + Math.random();

1 回答 1