我遇到了上传图片到Firebase存储的问题。我需要在HTML中添加一个类型为文件的输入对象。然后,我需要将选择的图像上传到Firebase存储库中以供我的项目使用。是否还有一种方法可以将该图像的位置存储在实时数据库中,以便以后访问?如何实现呢?
提前致谢。
提前致谢。
要链接到数据库,请尝试以下操作:
var ref= firebase.database().ref("Uploads");
var storage = firebase.storage();
var pathReference = storage.ref('images/stars.jpg');
pathReference.getDownloadURL().then(function(url) {
ref.push().set({
imgurl: url
});
更多信息在这里:
https://firebase.google.com/docs/storage/web/download-files
https://firebase.google.com/docs/storage/web/upload-files
将文件添加到存储空间后,您可以使用 getDownloadUrl()
获取文件的 url
,然后将其添加到数据库中:
Uploads
pushid
imgurl: url
查看使用Firestore(存储)保存图像文件并使用Cloud Storage(数据库)保存图像路径、名称和文件大小的示例应用程序。
上传图片
// The main task
this.task = this.storage.upload(path, file, { customMetadata });
保存图像信息
addImagetoDB(image: MyData) {
//Create an ID for document
const id = this.database.createId();
//Set document id with value in database
this.imageCollection.doc(id).set(image).then(resp => {
console.log(resp);
}).catch(error => {
console.log("error " + error);
});
}
源教程链接