Я пытаюсь сделать простое приложение, но столкнулся с некоторыми проблемами, для которых не могу найти решения.
- Когда я делаю новый запрос на количество картинок,Я получаю те же картинки (которые я получил, когда я сделал свой первый запрос).
Вот как я делаю запрос:
fetchGIFs(number) {
let apiKey = "myKey"; // I deleted it just so it remains private
let searchEndPoint = "https://api.giphy.com/v1/gifs/search?";
let limit = number;
let url = `${searchEndPoint}&api_key=${apiKey}&q=${this.searchText}&limit=${limit}`;
(async () => {
try {
let response = await fetch(url);
let json = await response.json();
console.log(json);
json.data.forEach(gif => {
this.gifURLs.push({
url: gif.url,
preview: gif.images.preview_gif.url,
src: gif.images.original.url,
height: gif.images.original.height,
width: gif.images.original.width
});
});
} catch (error) {
console.log("Ooops, take a look at this error: " + error);
}
})();
},
findGIF() {
this.fetchGIFs(100);
console.log(this.gifURLs);
},
Сначала я загружаю предварительный просмотр gif (потому что он намного быстрее), но затем я хочу изменить предварительный просмотр на фактические (полноразмерные) загруженные файлы gif.Как я могу это сделать?Проверить, загружен ли gif, и изменить его при предварительном просмотре?
Спасибо!