Проблема 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;
});

Теперь я рисую объект nextImage на холсте HTML с

ctx.drawImage(nextImage, 0, 0, 100, 130); Весь этот код работает с Mozilla Firefox, но не Google Chrome. Похоже, что chrome больше не отправляет запрос на сервер для атрибута src объекта nextImage. Есть альтернативные решения?

Answer 1

Попробуйте добавить неиспользуемый параметр GET в URL изображения, который будет отличаться каждый раз. Я часто использую этот трюк, чтобы заставить браузеры перезагружать изображение.

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

.. или ...

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