Как загрузить изображение с сервера с помощью Ajax?

Question

[Вячеслав Яшников]

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

<div data-img-src="http://server.ru/img1.jpg">
<button class="getimage">загрузить изображение</button>
</div>

Answer 1

[Дима Паутов]

А как ты выбираешь изображение, которое хочешь загрузить?

Comments

[Вячеслав Яшников]

Например, я код добавил в само сообщение, при клике на кнопку вместо кнопки загружается изображение

[Дима Паутов]

Вячеслав Яшников: https://jsfiddle.net/ny27g0jv/1/ и ajax нам тут вообще не нужен!

Answer 2

[ThunderCat]

В данном случае у вас 3 отдельные задачи:
1) отправить запрос аяксом на сервер(javaScript)
2) на сервере исходя из данных в запросе сформировать урл картинки и отдать в респонс(php или другой серверный скрипт)
3) Плучить на фронте респонс от сервера, вытащить из него урл и присвоить этот урл картинке, можно полностью создать тег картинки и только вставить в нужное место(javaScript)

Если задача кажется не решаемой или не можете найти ответ - разбивайте на более мелкие подзадачи и решайте последовательно.

Comments

[Вячеслав Яшников]

Зачем, я заранее знаю URL картинки, мне нужно по этому URL загрузить изображение

[ThunderCat]

Вячеслав Яшников: тогда задача проще и легко ищется поисковиком, просто вы не умеете ставить для себя верный вопрос, у вас проблема формулировки задачи.