lester
Новичок
Загрузка изображения из скрипта ajax'ом
Ситуация такая.
На странице есть картинка "<img id='im' src='create_image.php?param=1'>" плюс несколько радиокнопок "param". Необходимо чтобы при переключении радиокнопок картинка изменялась в зависимости от выбранной радиокнопки.
Можно тупо на радиокнопки повесить что-то типа onСlick="document.getElementById('im').src='create_image.php?param=2';", но штука в том, что картинка генерится сравнительно долго и пользователь может просто подумать, что не фига не работает. Есть задумка показывать индикатор загрузки "<div id='indicator'>Идет загрузка</div>" и в onClick написать
но такая фишка тоже не прокатывает, т. к. индикатор отображается на сразу, а ждет загрузки картинки.
Также наивно попробовал подгружать картинку AJAX'ом,типа
но и это не прокатило, ведать потому, что в request.responseText был не url на картинку, а сама картика.
Единственное, что приходит в голову, можно сделать, чтобы create_image.php сохранял картинку в файл и выдавал ссылку на этот файл, но уже очень не хочется возится с этими временными файлами картинок.
Кто, что посоветует?
В JavаScript не силен, поэтому примеры кода или ссылки на реализацию похожей задачи приветсвуются.
Ситуация такая.
На странице есть картинка "<img id='im' src='create_image.php?param=1'>" плюс несколько радиокнопок "param". Необходимо чтобы при переключении радиокнопок картинка изменялась в зависимости от выбранной радиокнопки.
Можно тупо на радиокнопки повесить что-то типа onСlick="document.getElementById('im').src='create_image.php?param=2';", но штука в том, что картинка генерится сравнительно долго и пользователь может просто подумать, что не фига не работает. Есть задумка показывать индикатор загрузки "<div id='indicator'>Идет загрузка</div>" и в onClick написать
PHP:
document.getElementById('indicator').style.display = "block";
document.getElementById('im').src="create_image.php?param=2";
document.getElementById('indicator').style.display = "none";
Также наивно попробовал подгружать картинку AJAX'ом,типа
PHP:
request = SendRequest('create_image.php?param=2');
document.getElementById('im').src = request.responseText;
Единственное, что приходит в голову, можно сделать, чтобы create_image.php сохранял картинку в файл и выдавал ссылку на этот файл, но уже очень не хочется возится с этими временными файлами картинок.
Кто, что посоветует?
В JavаScript не силен, поэтому примеры кода или ссылки на реализацию похожей задачи приветсвуются.