Дима Донской
Профи
(746)
1 год назад
Для сохранения аватарки пользователя вы можете использовать localStorage вместо sessionStorage.
sessionStorage сохраняет данные только на время сеанса текущей вкладки браузера и удаляет их после закрытия вкладки. Поэтому данные в sessionStorage будут доступны только на текущей вкладке и не будут сохраняться после перезагрузки страницы.
localStorage используется для хранения данных без ограничения по времени жизни данных и они не удаляются после закрытия вкладки или перезагрузки страницы.
Вот пример, как можно сохранить аватарку пользователя в localStorage:
При получении аватарки из ВКонтакте сохраните ее в переменную:
var avatarUrl = "htp://example.com/avatar.jpg"; // Замените ссылку на фактическую
// или если у вас уже есть объект, содержащий данные пользователя, например:
// var user = {
// firstName: "Иван",
// lastName: "Иванов",
// avatarUrl: "htp://example.com/avatar.jpg"
// };
Сохраните эту переменную в localStorage:
javascript
localStorage.setItem("avatarUrl", avatarUrl);
// или если у вас есть объект пользователя:
// localStorage.setItem("user", JSON.stringify(user));
При необходимости, получите сохраненную аватарку в другой части вашего кода:
javascript
var savedAvatarUrl = localStorage.getItem("avatarUrl");
// или если у вас сохранен объект пользователя:
// var savedUser = JSON.parse(localStorage.getItem("user"));
// Вы можете использовать полученные данные для отображения аватарки:
// someElement.src = savedAvatarUrl;
Теперь аватарка будет сохраняться и доступна даже после закрытия вкладки или перезагрузки страницы.