| |
|
|
| | Здравствуйте уважаемый форумчане
Есть картинка, которая лежит на сервере. Мне нужно её обновить по запросу пользователя.
То есть выбираешь файл на компе, нажимаешь кнопку ОБНОВИТЬ и старая картинка заменяется на новую
Это всё работает.
Но работает с перезагрузкой страницы.
А мне нужно на аяксе.
В инете предлагают простые решения, которые мне не подходят.
Сложность состоит в том, чтобы весь процесс обновления был фоновым.
То есть выбрал файл, нажал кнопку и тут же перед глазами у тебя он обновился. Чтобы обработчик запроса не не загружался. | |
| |
|
|
| |
|
|
| |
для: denya
(27.10.2011 в 07:15)
| | | Вы определитесь, вам нужно без перезагрузки, или с аяксом? Потому что можно сделать без перезагрузки и без аякса, например, так:
<script>
function func()
{
var date=new Date();
var time=date.getTime();
document.getElementById("mydiv").innerHTML="<img src=pic.jpg?time="+time+"/>";
}
</script>
<div id="mydiv"><img src="pic.jpg" /></div><input type="button" value="Refresh" onclick="func()"/>
|
| |
| |
|
|
| |
|
|
| |
для: denya
(27.10.2011 в 07:15)
| | | Технология AJAX не предусматривает передачу с сервера странице каких-либо объектов, кроме как строки символов. Графический объект передать НЕЛЬЗЯ!
Поэтому ваше бредовое желание - "а мне нужно на аяксе" - оно останется несбыточным.
-----
Всякий тег <IMG> имеет атрибут SRC, значение которого вы вполне можете изменить по какому-либо событию (например, по нажатию какой-либо кнопки).
И никакой AJAX тут вам нахрен не нужен.
И никому не нужен.
И никогда нужен не будет.
Изменение SRC картинки происходит без какой-либо "перезагрузки" страницы.
Рабочий пример (запустите в браузере, понажимайте на кнопки, постарайтесь понять смысл кода):
<input type="button" value="Изменить на Google" onclick="ChangeImage ('http://www.google.com/intl/en_com/images/srpr/logo3w.png')">
<input type="button" value="Изменить на Яндекс" onclick="ChangeImage ('http://img.yandex.net/i/www/logo.png')">
<input type="button" value="Изменить на Википедию" onclick="ChangeImage ('http://upload.wikimedia.org/wikipedia/commons/f/f6/Wikipedia-logo-v2-ru.png')">
<hr>
<img id="myPic" src="http://img.yandex.net/i/www/logo.png">
<script>
function ChangeImage (source)
{
document.getElementById ('myPic').src = source;
}
</script>
|
| |
| |
|
|
| |
|
|
| |
для: АЯС
(27.10.2011 в 21:36)
| | | То есть сделать закачку картинки на сервер и автоматическое обновление без нажатия на ещё одну кнопку Refresh не получится? | |
| |
|
|
| |
|
|
| |
для: denya
(28.10.2011 в 02:27)
| | | Получится. Только для этого не обязателен аякс. | |
| |
|
|
| |
|
|
| |
для: coloboc66
(28.10.2011 в 09:54)
| | | Хорошо, пусть без него. Как?
Можно ссылку на пример, если не трудно? | |
| |
|
|
| |
|
|
| |
для: denya
(28.10.2011 в 10:53)
| | | Нет у меня ссылок. По щелчку на кнопке загрузки файла включать ява-скрипт, который будет загружать на страницу обновленный рисунок. Только надо согласовать по времени взаимодействие ява-скрипта с рнр-скриптом, который будет класть рисунок на сервер. Конечно, с аяксом это можно сделать изящней, но для этого вам нужно достаточно хорошо понимать аякс. | |
| |
|
|
| |
|
|
| |
для: denya
(28.10.2011 в 10:53)
| | | форму в iframe поместите | |
| |
|
|
