Как перезагрузить изображение с помощью javascript

Как я могу загрузить это изображение, чтобы получить новый с сервера, используя javascript, не перезагружая страницу?Как перезагрузить изображение с помощью javascript

<img src="?option=com_fcse&task=getimage&width=100&height=40&characters=5&r=<?php echo mt_rand(0, 10000000); ?>" />

Спасибо

источник

2013-05-02 themis

Рассматривали ли вы погуглить 'яваскрипт релоада image'? –

Да, но эти примеры выглядят так, будто они обналичивают мой образ. вероятно, мне нужно сбросить rand в javascript сейчас – themis

Это следует сделать это:

thatImgObj.src = thatImgObj.src.replace(/&r=\d+/, "&r="+ ~~(Math.random()*1e7));

_{(Конечно, с шансом 1e-7 получать тот же cachebreaker снова - отметка времени может быть лучший вариант)}

источник

2013-05-02 08:07:44 Bergi

oh man this rocks. это регулярные выражения? – themis

Да, просто что-то, чтобы заменить этот параметр URL. В этом простом случае вы могли бы использовать некоторую другую строковую функцию, чтобы удалить цифры с конца и добавить некоторые новые случайные. – Bergi

Ну, самый простой способ, я думаю, было бы изменение атрибута src в JavaScript. Так как: YouImageElement.src += "&rand2"+Math.random();

Изменение атрибута src приведет к перезагрузке изображения, и поскольку у него есть другой случайный номер, заданный на стороне клиента, его не следует кэшировать.

источник

2013-05-02 08:05:49 Turnerj

Ваш код

Добавлено id="img1"

<img id="img1" src="?option=com_fcse&task=getimage&width=100&height=40&characters=5&r=<?php echo mt_rand(0, 10000000); ?>" />

JS код:

var newImage = new Image(); 
newImage.src = document.getElementById("img1").src + "&_=" + new Date().getTime();

Добавлен cachebreaker в конце URL

источник

2013-05-02 08:07:59 Satpal

Да, это работает – themis

Как перезагрузить изображение с помощью javascript

ответ

Смежные вопросы