要按照指南上传 Firebase 存储并同时添加元数据,可以使用 Firebase 存储的 put()
方法,并在其中传递元数据对象作为第二个参数。以下是一个示例代码,展示了如何上传文件并添加元数据:
// 引入 Firebase SDK
import { initializeApp } from 'firebase/app';
import { getStorage, ref, uploadBytes } from 'firebase/storage';
// 初始化 Firebase 应用
const firebaseConfig = {
// 你的 Firebase 配置信息
};
const app = initializeApp(firebaseConfig);
// 获取 Firebase 存储实例
const storage = getStorage(app);
// 选择要上传的文件
const file = document.getElementById('fileInput').files[0];
// 创建一个存储引用
const storageRef = ref(storage, 'path/to/uploaded-file.jpg');
// 添加元数据
const metadata = {
contentType: file.type,
customMetadata: {
'key1': 'value1',
'key2': 'value2'
}
};
// 上传文件并添加元数据
uploadBytes(storageRef, file, metadata)
.then((snapshot) => {
console.log('文件上传成功!', snapshot);
})
.catch((error) => {
console.error('上传文件时出错:', error);
});
在上面的代码中,我们使用 uploadBytes()
方法将文件上传到指定的存储引用,并在其中传递了元数据对象作为第三个参数。元数据对象包含 contentType
属性,用于指定文件的 MIME 类型,以及 customMetadata
属性,用于添加自定义元数据。
请确保将 firebase/storage
导入到你的项目中,并替换 firebaseConfig
对象中的占位符为你自己的 Firebase 配置信息。同时,将 'path/to/uploaded-file.jpg'
替换为你想要上传的文件的路径。