Как кэшировать изображение из URL-адреса перед его отображением

Question

В основном, это приложение должно содержать коллекцию объектов в представлении, показывающее репрезентативное изображение каждого объекта (то есть фильм должен показывать его плакат).

Говоря о фильмах, я пытаюсь использовать API IMDB, чтобы получить метаданные для определенного названия фильма, включая его плакат. Тем не менее, hotlinking не позволит мне отображать изображения, когда их URL-адреса получены из API-интерфейсов (я продолжаю получать «GET [...] 403 Forbidden» error ...).

Поскольку я использую функцию JSONStore для кэширования данных, я хотел бы знать, есть ли возможность хранить эти изображения в JSONStore, а затем отображать их, как это делает обычный браузер. Я стараюсь делать все такие вещи с лицевой стороны, а не с помощью back-end, используя AngularJS, HTML5 и JavaScript.

Есть ли у вас какие-либо предложения по этим проблемам?

спасибо.

Answer 1

Предлагаемое решение: вам нужно будет закодировать изображения на base64, и таким образом вы можете сохранить двоичное изображение в виде строки внутри вашей коллекции JSONStore.

Когда затем нужно, чтобы отобразить его вам нужно будет base64 декодировать строку обратно в изображение и отображать его в HTML