如何从firebase存储中获取图像并显示为缩略图？

// 引入Firebase SDK
import firebase from 'firebase/app';
import 'firebase/storage';

// 初始化Firebase应用
const firebaseConfig = {
  // 在这里填写你的Firebase配置信息
};
firebase.initializeApp(firebaseConfig);

// 获取图像并显示为缩略图
const storage = firebase.storage();
const imageRef = storage.ref('images/image.jpg');

// 获取图像的URL
imageRef.getDownloadURL()
  .then((url) => {
    // 创建一个Image对象
    const img = new Image();
    img.src = url;

    // 在图像加载完成后，将其绘制为缩略图
    img.onload = () => {
      const canvas = document.createElement('canvas');
      const ctx = canvas.getContext('2d');

      // 调整图像大小为缩略图尺寸
      const thumbnailWidth = 100;
      const thumbnailHeight = 100;
      canvas.width = thumbnailWidth;
      canvas.height = thumbnailHeight;
      ctx.drawImage(img, 0, 0, thumbnailWidth, thumbnailHeight);

      // 将缩略图添加到页面中
      document.body.appendChild(canvas);
    };
  })
  .catch((error) => {
    console.log(error);
  });