Добрый день.
Есть функционал, который через "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()
подскажите пожалуйста, как избавиться от этого эффекта?