Вход

Просмотр полной версии : Как можно сделать подгрузку и смену изображения без перезагрузки страницы с другого


Евгений Болгов
21.10.2010, 10:43
Здравствуйте уважаемые форумчане!

У меня возникла такая проблема. Делаю форму ввода данный с предварительным просмотром результата без перезагрузки странички. В одну из форм вводится адрес изображения с другого домена.

Как можно сделать загрузку и пред просмотр этого изображения без перезагрузки странички?

За ранее благодарю!

monolithed
21.10.2010, 10:56
Делаете запрос на загрузку изображения, на сервере создавайте уменьшенную копию, которая и будет и выдаваться клиенту (для предпросмотра), соответственно если это маленькая картинка то она быстро закгрузится и попадет в кеш

Евгений Болгов
21.10.2010, 11:02
Картинка изначально маленькая и с этим проблем нет.

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

Вот и возник вопрос, как сделать, чтоб и картинка подгружалась с другого сервера и отображалась. Если можно пожалуйста с примером кода.

micscr
21.10.2010, 12:01
ниже формы, появляется то
вот в этом ТО должна быть картинка <img> которую найдете в ТОМ и присвоите ее(картинки) тегу src значение введенного пути .

Евгений Болгов
21.10.2010, 12:09
вот в этом ТО должна быть картинка <img> которую найдете в ТОМ и присвоите ее(картинки) тегу src значение введенного пути .

А-ха-ха! Как смешно, мега умник, который может только умничать!

Есть и то и это и <img>. И при нажатии на кнопку "пред просмотр" при помощи функции меняется значение атрибута scr в <img>. При помощи - document.getElementById

Как сделать, чтоб эта новая картинка отображалась без перезагрузки странички? Адрес подставляется с другого домена.

micscr
21.10.2010, 14:59
Как сделать, чтоб эта новая картинка отображалась без перезагрузки странички?

А какого фига страничке перезагружаться? Или у кнопки "предпросмотр" type="submit" ?
Адрес подставляется с другого домена.
ты что то перепутал, чайник. Другой домен важен при аякс-запросах и ifram-е, к картинкам он не имеет никакого отношения.

Евгений Болгов
21.10.2010, 17:21
Кто-нибудь подскажет, как сделать загрузку изображения без перезагрузки странички?

Kolyaj
21.10.2010, 17:43
В чём проблема-то? Картинка сама сменится, как только у неё src поменяют.

Евгений Болгов
21.10.2010, 17:46
Вчём проблема-то? Картинка сама сменится, как только у неё src поменяют.

В том-то и дело, что она не меняется. От куда ей взяться если ее нет в кеше и она лежит на другом сервере.

Kolyaj
21.10.2010, 17:47
От куда ей взяться если ее нет в кеше и она лежит на другом сервере.
Скачается с другого сервера.

Евгений Болгов
21.10.2010, 18:07
Скачается с другого сервера.
Огромное спасибо за помощь! Просто была опечатка в коде.

monolithed
21.10.2010, 18:18
Должно помочь: 0 (http://habrahabr.ru/blogs/client_side_optimization/72151/), 1 (http://www.ibm.com/developerworks/ru/library/wa-ajaxintro1), 2 (http://www.ibm.com/developerworks/ru/library/wa-ajaxintro), 3 (http://www.ibm.com/developerworks/ru/library/wa-ajaxintro3), 4 (http://www.ibm.com/developerworks/ru/library/wa-ajaxintro4), 5 (http://www.ibm.com/developerworks/ru/library/wa-ajaxintro5), 6 (http://www.ibm.com/developerworks/ru/library/wa-ajaxintro6), 7 (http://www.ibm.com/developerworks/ru/library/wa-ajaxintro7), 8 (http://www.ibm.com/developerworks/ru/library/wa-ajaxintro8), 9 (http://www.ibm.com/developerworks/ru/library/wa-ajaxintro9), 10 (http://www.ibm.com/developerworks/ru/library/wa-ajaxintro10), 11 (http://www.ibm.com/developerworks/ru/library/wa-ajaxintro11)