Skip to content

Instantly share code, notes, and snippets.

@jirawatee

jirawatee/storage.html

Last active April 19, 2021 07:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jirawatee/f793cb69aa7bfb97f364577ba856ae03 to your computer and use it in GitHub Desktop.
Save jirawatee/f793cb69aa7bfb97f364577ba856ae03 to your computer and use it in GitHub Desktop.
Download ZIP
Template for storage listing
Raw
storage.html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,viewport-fit=cover">
<title>Listing files in Cloud Storage for Firebase</title>
<link rel="shortcut icon" href="favicon.ico">
<style>
ul { list-style-type: none; padding:0 }
li { float: left; width:200px; height:232px; margin:8px; text-align:center; border:1px solid #ddd }
img { width: 200px; max-height:200px }
</style>
</head>
<body>
<ul id="ul"></ul>
<script src="https://www.gstatic.com/firebasejs/8.4.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.4.1/firebase-storage.js"></script>
<script>
var firebaseConfig = {
apiKey: "xxxxx",
authDomain: "xxxxx",
databaseURL: "xxxxx",
projectId: "xxxxx",
storageBucket: "xxxxx",
messagingSenderId: "xxxxx",
appId: "1:xxxxx:web:xxxxx",
measurementId: "G-xxxxx"
};
firebase.initializeApp(firebaseConfig);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment