Get image from firebase storage react native and reactjs
retrieve image from firebase storage react native Get image from firebase storage react native
Display image from firebase storage web
Display images from firebase storage in html img tags
import React,{Component} from 'react';
import 'bootstrap/dist/css/bootstrap.min.css';
import { Card,Button } from 'react-bootstrap';
import firebase,{storage} from 'firebase';
const firebaseConfig = {
apiKey: "xxxxxxxxxxxxxxxxxxxxxxxx",
authDomain: "xxxxxxxxxxxxxxxxxx",
databaseURL: "xxxxxxxxxxxx",
projectId: "xxxxxxxxxx",
storageBucket: "xxxxxxxxxxxxxx",
messagingSenderId: "xxxxxxxxxxxxxxxxxxxxx",
appId: "xxxxxxxxxxxxx",
measurementId: "xxxxxxx"
};
if (!firebase.apps.length) {
firebase.initializeApp(firebaseConfig);
}
var imageSo;
export default class ViewProductForDashboard extends Component
{
constructor(props) {
super(props);
this.state = {
image: null,
url: '',
}
}
handleGetUrlImage = () => {
var storage = firebase.storage();
storage.ref('images/').child("imag1").getDownloadURL().then(url => {
console.log(url);
this.setState({image:url});
imageSo=url;
this.render();
});
}
render()
{
return(
<div className="container">
<h1>ViewProductForDashboard</h1>
<img src={imageSo} className="img-rounded" alt="Cinque Terre" width="250" height="150"></img>
<button type="submit" onClick={this.handleGetUrlImage} className="btn btn-primary">View Product</button>
</div>
);
}
}
