Кеширование изображений в реагировать на js - PullRequest
Новая
       42

Кеширование изображений в реагировать на js

0 голосов
/ 09 октября 2018

Я пишу приложение в реагирующем JS, используя FireBase в качестве внутреннего сервиса.Имена и местоположение изображений хранятся в базе данных в реальном времени и доступны, а затем файл (изображение) выбирается из облачного хранилища и отображается на экране.

например. 

getFile(path){
   firebase.database().ref('').child(path).once('value').then(snap =>{
       cloudStorage.child(snap.val()).getDownloadURL().then(url =>{
            this.setState({fetchedImage: url});
       });
   });
}

Таким образом, извлеченный URL-адрес изображения предоставляется в качестве источника тега изображения 

<img src={this.state.fetchedImage}/>

Теперь изображение отображается после загрузки его браузером.Таким образом, после загрузки и рендеринга, если я уйду от элемента и вернусь снова, он снова загрузит это изображение.Это увеличивает время, необходимое для загрузки этого элемента.

Могу ли я загрузить это и сохранить это изображение в веб-хранилище, чтобы я мог загрузить это изображение снова, когда мой вид повторно отображает?

СпасибоЗеешан

...