@JorikArbuzov

Как сохранить выведенные изображения в localStorage, а затем после перезагрузки их вывести снова?

Здравствуйте!
У меня есть два input, благодаря которым я формирую fetch запрос и мне приходят изображения, которые выводятся на экран.
fetch(`https://picsum.photos/v2/list?page=${heightValue}&limit=${weightValue}`, options)
        .then((response) => {
        console.log('response', response);
        return response.json();
        })
        // Вывожу массив изображений
        .then((data) => {
            console.log('data', data);  
            const result = document.querySelector('.result');
            const fragment = new DocumentFragment();      
            data.map(function(item){
                const image = document.createElement('img');
                image.src = item.download_url;
                fragment.append(image);
            })
            result.append(fragment);
        })
        .catch(() => { console.log('error') });

Полученный массив сохраняю в localStorage примерно так:
localStorage.setItem('data',JSON.stringify(data));
            const arr = localStorage.getItem('data');
            let b = JSON.parse(arr)

А вот как сохранить уже выведенные изображения после перезагрузки страницы не понимаю. т.е. чтобы я мог запрашивать любое количество изображений, они сохранялись и каждый раз выводились с последней перезагрузки.
Простите за корявость объяснения.
  • Вопрос задан
  • 69 просмотров
Пригласить эксперта
Ответы на вопрос 1
Seasle
@Seasle Куратор тега JavaScript
Помог - отметь решением \( ゚ヮ゚)/
Ну, Вы можете попробовать конвертировать изображения в base64 и обратно в File, но стоит ли оно того?
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы