Задать вопрос
tsepen
@tsepen
Frontend developer
javascript

Как получить ссылку на картинку по url из JSON?

Есть url вида befree.loc/swatches/ajax/media/?product_id=85072
При переходе по нему должна быть картинка, но по факту получаю вот такой json

{"large":"http:\/\/befree.loc\/media\/catalog\/product\/cache\/1831548578_75\/948dca29020676657918de8c0c4c7381\/upload\/18315\/1831548578_75.jpg","medium":"http:\/\/befree.loc\/media\/catalog\/product\/cache\/1831548578_75\/c687aa7517cf01e65c009f6943c2b1e9\/upload\/18315\/1831548578_75.jpg","small":"http:\/\/befree.loc\/media\/catalog\/product\/cache\/1831548578_75\/c687aa7517cf01e65c009f6943c2b1e9\/upload\/18315\/1831548578_75.jpg","gallery":{"92701":{"large":"http:\/\/befree.loc\/media\/catalog\/product\/cache\/1831548578_75\/948dca29020676657918de8c0c4c7381\/upload\/18315\/1831548578_75.jpg","medium":"http:\/\/befree.loc\/media\/catalog\/product\/cache\/1831548578_75\/c687aa7517cf01e65c009f6943c2b1e9\/upload\/18315\/1831548578_75.jpg","small":"http:\/\/befree.loc\/media\/catalog\/product\/cache\/1831548578_75\/c687aa7517cf01e65c009f6943c2b1e9\/upload\/18315\/1831548578_75.jpg"},"92702":{"large":"http:\/\/befree.loc\/media\/catalog\/product\/cache\/1831548578_75_1\/948dca29020676657918de8c0c4c7381\/upload\/18315\/1831548578_75_1.jpg","medium":"http:\/\/befree.loc\/media\/catalog\/product\/cache\/1831548578_75_1\/c687aa7517cf01e65c009f6943c2b1e9\/upload\/18315\/1831548578_75_1.jpg","small":"http:\/\/befree.loc\/media\/catalog\/product\/cache\/1831548578_75_1\/c687aa7517cf01e65c009f6943c2b1e9\/upload\/18315\/1831548578_75_1.jpg"},"92703":{"large":"http:\/\/befree.loc\/media\/catalog\/product\/cache\/1831548578_75_2\/948dca29020676657918de8c0c4c7381\/upload\/18315\/1831548578_75_2.jpg","medium":"http:\/\/befree.loc\/media\/catalog\/product\/cache\/1831548578_75_2\/c687aa7517cf01e65c009f6943c2b1e9\/upload\/18315\/1831548578_75_2.jpg","small":"http:\/\/befree.loc\/media\/catalog\/product\/cache\/1831548578_75_2\/c687aa7517cf01e65c009f6943c2b1e9\/upload\/18315\/1831548578_75_2.jpg"},"92704":{"large":"http:\/\/befree.loc\/media\/catalog\/product\/cache\/1831548578_75_3\/948dca29020676657918de8c0c4c7381\/upload\/18315\/1831548578_75_3.jpg","medium":"http:\/\/befree.loc\/media\/catalog\/product\/cache\/1831548578_75_3\/c687aa7517cf01e65c009f6943c2b1e9\/upload\/18315\/1831548578_75_3.jpg","small":"http:\/\/befree.loc\/media\/catalog\/product\/cache\/1831548578_75_3\/c687aa7517cf01e65c009f6943c2b1e9\/upload\/18315\/1831548578_75_3.jpg"}}}


Т.е. я не могу подставить данную ссылку как src для img. Как через js обратиться к данному url и получить ссылку?
  • Вопрос задан
  • 867 просмотров
6 комментариев
Подписаться 1 Простой 6 комментариев
Решения вопроса 1
@DanKud 
const json = 'ваш_json';
const jsonObj = JSON.parse(json);
console.log(jsonObj); /* объект со всеми ссылками на картинки */
/* например */
console.log(jsonObj.medium); /* http://befree.loc/media/catalog/product/cache/1831548578_75/c687aa7517cf01e65c009f6943c2b1e9/upload/18315/1831548578_75.jpg */
/* и так далее */
Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Устранить проблемы с парсерами и отображением новостей
18 апр. 2024, в 20:08
7000 руб./за проект
Установить Windows и терминалы RDP на Dedicated Server (без лицензии)
18 апр. 2024, в 20:07
2000 руб./за проект
Правки на сайте (Битрикс)
18 апр. 2024, в 20:00
2500 руб./за проект
Ещё заказы