Sử dụng siêu dữ liệu tệp bằng Cloud Storage trên web

Sau khi tải tệp lên tham chiếu Cloud Storage, bạn cũng có thể lấy hoặc cập nhật siêu dữ liệu của tệp, chẳng hạn như để cập nhật loại nội dung. Tệp cũng có thể lưu trữ các cặp khoá/giá trị tuỳ chỉnh bằng siêu dữ liệu tệp bổ sung.

Lấy siêu dữ liệu tệp

Siêu dữ liệu tệp chứa các thuộc tính phổ biến như name, size và contentType (thường được gọi là loại MIME) cùng với một số thuộc tính ít phổ biến hơn như contentDisposition và timeCreated. Bạn có thể truy xuất siêu dữ liệu này từ tệp tham chiếu Cloud Storage bằng phương thức getMetadata(). getMetadata() trả về một Promise chứa siêu dữ liệu đầy đủ hoặc một lỗi nếu Promise từ chối.

import { getStorage, ref, getMetadata } from "firebase/storage";

// Create a reference to the file whose metadata we want to retrieve
const storage = getStorage();
const forestRef = ref(storage, 'images/forest.jpg');

// Get metadata properties
getMetadata(forestRef)
  .then((metadata) => {
    // Metadata now contains the metadata for 'images/forest.jpg'
  })
  .catch((error) => {
    // Uh-oh, an error occurred!
  });
storage_get_metadata.js

// Create a reference to the file whose metadata we want to retrieve
var forestRef = storageRef.child('images/forest.jpg');

// Get metadata properties
forestRef.getMetadata()
  .then((metadata) => {
    // Metadata now contains the metadata for 'images/forest.jpg'
  })
  .catch((error) => {
    // Uh-oh, an error occurred!
  });
file-metadata.js

Cập nhật siêu dữ liệu của tệp

Bạn có thể cập nhật siêu dữ liệu tệp bất cứ lúc nào sau khi quá trình tải tệp lên hoàn tất bằng cách sử dụng phương thức updateMetadata(). Hãy tham khảo danh sách đầy đủ để biết thêm thông tin về những thuộc tính có thể cập nhật. Chỉ những thuộc tính được chỉ định trong siêu dữ liệu mới được cập nhật, tất cả các thuộc tính khác sẽ không được sửa đổi. updateMetadata() trả về một Promise chứa siêu dữ liệu đầy đủ hoặc một lỗi nếu Promise từ chối.

import { getStorage, ref, updateMetadata } from "firebase/storage";

// Create a reference to the file whose metadata we want to change
const storage = getStorage();
const forestRef = ref(storage, 'images/forest.jpg');

// Create file metadata to update
const newMetadata = {
  cacheControl: 'public,max-age=300',
  contentType: 'image/jpeg'
};

// Update metadata properties
updateMetadata(forestRef, newMetadata)
  .then((metadata) => {
    // Updated metadata for 'images/forest.jpg' is returned in the Promise
  }).catch((error) => {
    // Uh-oh, an error occurred!
  });
storage_update_metadata.js

// Create a reference to the file whose metadata we want to change
var forestRef = storageRef.child('images/forest.jpg');

// Create file metadata to update
var newMetadata = {
  cacheControl: 'public,max-age=300',
  contentType: 'image/jpeg'
};

// Update metadata properties
forestRef.updateMetadata(newMetadata)
  .then((metadata) => {
    // Updated metadata for 'images/forest.jpg' is returned in the Promise
  }).catch((error) => {
    // Uh-oh, an error occurred!
  });
file-metadata.js

Bạn có thể xoá một thuộc tính siêu dữ liệu bằng cách đặt thuộc tính đó thành null:

import { getStorage, ref, updateMetadata } from "firebase/storage";

const storage = getStorage();
const forestRef = ref(storage, 'images/forest.jpg');

// Create file metadata with property to delete
const deleteMetadata = {
  contentType: null
};

// Delete the metadata property
updateMetadata(forestRef, deleteMetadata)
  .then((metadata) => {
    // metadata.contentType should be null
  }).catch((error) => {
    // Uh-oh, an error occurred!
  });
storage_delete_metadata.js

// Create file metadata with property to delete
var deleteMetadata = {
  contentType: null
};

// Delete the metadata property
forestRef.updateMetadata(deleteMetadata)
  .then((metadata) => {
    // metadata.contentType should be null
  }).catch((error) => {
    // Uh-oh, an error occurred!
  });
file-metadata.js

Xử lý lỗi

Có một số lý do khiến lỗi có thể xảy ra khi lấy hoặc cập nhật siêu dữ liệu, bao gồm cả việc tệp không tồn tại hoặc người dùng không có quyền truy cập vào tệp mong muốn. Bạn có thể xem thêm thông tin về lỗi trong phần Xử lý lỗi của tài liệu.

Siêu dữ liệu tuỳ chỉnh

Bạn có thể chỉ định siêu dữ liệu tuỳ chỉnh dưới dạng một đối tượng chứa các thuộc tính String.

const metadata = {
  customMetadata: {
    'location': 'Yosemite, CA, USA',
    'activity': 'Hiking'
  }
};
storage_custom_metadata.js

var metadata = {
  customMetadata: {
    'location': 'Yosemite, CA, USA',
    'activity': 'Hiking'
  }
};
file-metadata.js

Bạn có thể sử dụng siêu dữ liệu tuỳ chỉnh để lưu trữ dữ liệu bổ sung dành riêng cho ứng dụng cho mỗi tệp, nhưng bạn nên sử dụng cơ sở dữ liệu (chẳng hạn như Firebase Realtime Database) để lưu trữ và đồng bộ hoá loại dữ liệu này.

Thuộc tính siêu dữ liệu của tệp

Dưới đây là danh sách đầy đủ các thuộc tính siêu dữ liệu trên một tệp:

Việc tải lên, tải xuống và cập nhật tệp là quan trọng, nhưng việc xoá tệp cũng quan trọng không kém. Hãy tìm hiểu cách xoá tệp khỏi Cloud Storage.