Игнорировать кэш браузера для картинок.
 

Добрый день.

Есть функционал, который через "Ajax"(через форму в ифрайме), загружает файл, и функционал, который позволяет пользователю выбрать часть фотки и сделать эту часть аватаркой.

Все это хочется сделать без перезагрузки страницы.
1) Пользователь загрузил фотку, и она у него сразу появилась перед глазами.
2) Выбрал нужный кусок, и нажал сохранить.
(все это дело было в диалоговом окне colorbox)
3) Colorbox закрывается, и на месте его аватарки появляется выбранный им кусок.

Для первого раза все работает отлично. Но если человек еще раз попробует выбрать нужный фрагмент и сохранить, то на стороне сервера все создастся, а вот пользователю покажется старое фото. При обновлении страницы все будет так как нужно.

Теперь немного кода:

$.ajax({
.....
  complete:function (jqXHR, textStatus) {

                $("#img-profile").remove();
                $('#photo-wrap').prepend(
                    $('<img/>')
                        .attr('id', "img-profile")
                        .attr('src', "/upload/users/" + userID + "/" + userID + "-242x242.jpg?r=" + Math.random())
                        .css('width', "242px")
                );
                setTimeout('$("#loading").hide()', 700);
            }
});

раньше делал просто

$("#img-profile").attr('src', "/upload/users/" + userID + "/" + userID + "-242x242.jpg?r=" + Math.random());

Подставлял и так "...242x242.jpg?"+Math.random()

подскажите пожалуйста, как избавиться от этого эффекта?