db.on("child_added,function(s)
{
}
1.child_added:當存在child node或新的child node
2.value:當有資料新增十或更新時
3.child_changed:當child node被修改時
4.childs_removed 當child node被刪除時
===============================================
http://sj82516-blog.logdown.com/posts/1064788/teaching-firebase-page-four-rest-and-storage
storage
儲存影音、照片等大型檔案資料，跟Google Cloud Storage相通
1.網址進入firebase資料庫管理系統
2.指定firebase產品種類 storage
3.設定參考點
4.傳送，讀取，刪除節點資料
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>//進入firebase資料庫管理系統
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
// Initialize Firebase
var config = {
apiKey: "AIzaSyAkLj-VUslww1eRfzRdPeMUS25hPs_T320",
authDomain: "hopetext-88e84.firebaseapp.com",
databaseURL: "https://hopetext-88e84.firebaseio.com",
storageBucket: "hopetext-88e84.appspot.com",
messagingSenderId: "385304339266"
};
firebase.initializeApp(config);
var storage=firebase.storage();//指定firebase產品種類 storage
alert(storage);
});
</script
===============================
var storageref=storage.ref();//.設定參考點
=====================================
檔案傳送
1<input type="file" id="file1" name="file" size="50" />
var ups=document.getElementById("file1");
ups.addEventListener("change",function()
{
var f=this.files[0];
storageRef.child(f.name).put(f);
alert("檔案上傳成功");
},false);
2.storageRef.child(f.name).put(f);
==============
用listener 監聽
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
// Initialize Firebase
var config = {
apiKey: "AIzaSyAkLj-VUslww1eRfzRdPeMUS25hPs_T320",
authDomain: "hopetext-88e84.firebaseapp.com",
databaseURL: "https://hopetext-88e84.firebaseio.com",
storageBucket: "hopetext-88e84.appspot.com",
messagingSenderId: "385304339266"
};
firebase.initializeApp(config);
var storage=firebase.storage();
var storageRef=storage.ref();
var ups=document.getElementById("file1");
ups.addEventListener("change",function()
{
var f=this.files[0];
storageRef.child(f.name).put(f);
alert("檔案上傳成功");
},false);
});
</script>
<body>
<form name="f1" id="f1">
影像；<input type="file" id="file1" name="file" size="50" />
</form>
</body>
============================
用button控制
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
$("#bt1").click(function()
{
// Initialize Firebase
var config = {
apiKey: "AIzaSyAkLj-VUslww1eRfzRdPeMUS25hPs_T320",
authDomain: "hopetext-88e84.firebaseapp.com",
databaseURL: "https://hopetext-88e84.firebaseio.com",
storageBucket: "hopetext-88e84.appspot.com",
messagingSenderId: "385304339266"
};
firebase.initializeApp(config);
var storage=firebase.storage();
var storageRef=storage.ref();
var ups=document.getElementById("file1");
var f=ups.files[0];
var realup=storageRef.child(f.name).put(f);
alert("檔案上傳成功");
});
});
</script>
<body>
<form name="f1" id="f1">
影像；<input type="file" id="file1" name="file" size="50" />
<input type="button" id="bt1" name="bt1" value="傳送" >
</form>
</body>
======================
一次傳兩個檔案
$(document).ready(function()
{
$("#bt1").click(function()
{
// Initialize Firebase
var config = {
apiKey: "AIzaSyAkLj-VUslww1eRfzRdPeMUS25hPs_T320",
authDomain: "hopetext-88e84.firebaseapp.com",
databaseURL: "https://hopetext-88e84.firebaseio.com",
storageBucket: "hopetext-88e84.appspot.com",
messagingSenderId: "385304339266"
};
firebase.initializeApp(config);
var storage=firebase.storage();
var storageRef=storage.ref();
var ups=document.getElementById("file1");
var f=ups.files[0];
var realup=storageRef.child(f.name).put(f);
var ups2=document.getElementById("file2");
var f2=ups2.files[0];
var realup2=storageRef.child(f2.name).put(f2);
alert("檔案上傳成功");
});
});
</script>
<body>
<form name="f1" id="f1">
影像一；<input type="file" id="file1" name="file" size="50" /><p>
影像二；<input type="file" id="file2" name="file2" size="50" /><p>
<input type="button" id="bt1" name="bt1" value="傳送" >
</form>
=================
檔案讀取
var storageRef=storage.ref();
var atarRef=storageRef.child('x11.jpg');
starsref.getDownloadURL().then(function(url) //取得下載路徑
{
}).catch(function(error) 檔案不存在執行例外事件
{
alert(
});
=======================
ex
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
// Initialize Firebase
var config = {
apiKey: "AIzaSyAkLj-VUslww1eRfzRdPeMUS25hPs_T320",
authDomain: "hopetext-88e84.firebaseapp.com",
databaseURL: "https://hopetext-88e84.firebaseio.com",
storageBucket: "hopetext-88e84.appspot.com",
messagingSenderId: "385304339266"
};
firebase.initializeApp(config);
var storage=firebase.storage();
var storageRef=storage.ref();
var starsRef=storageRef.child('x9.jpg');
starsRef.getDownloadURL().then(function(url)
{
document.getElementById('img1').src=url;
}).catch(function(error)
{
alert(error);
});
});
</script>
<body>
<img id="img1" name="img1" width="160" height="200" />
</body>
==================================
刪除
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
// Initialize Firebase
var config = {
apiKey: "AIzaSyAkLj-VUslww1eRfzRdPeMUS25hPs_T320",
authDomain: "hopetext-88e84.firebaseapp.com",
databaseURL: "https://hopetext-88e84.firebaseio.com",
storageBucket: "hopetext-88e84.appspot.com",
messagingSenderId: "385304339266"
};
firebase.initializeApp(config);
$("#bt1").click(function()
{
var storage=firebase.storage();
var storageRef=storage.ref();
var t=document.getElementById("t1").value;
var starsRef=storageRef.child(t);
starsRef.delete().then(function(url)
{
alert("已刪除")
}).catch(function(error)
{
alert(error);
});
});
});
</script>
<body>
<form id="f1" name="f1">
欲刪除檔案；
<input type="text" id="t1" name="t1" size="20" />
<input type="button" id="bt1" name="bt1" value="刪除" />
</form>
</body>
沒有留言:
張貼留言