firebase for web -如何在上传时调整图像大小

// 获取图像文件
const fileInput = document.getElementById('fileInput');
const file = fileInput.files[0];

// 创建Canvas元素
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');

// 加载图像文件并调整大小
const img = new Image();
img.onload = function() {
  // 设置Canvas的宽度和高度
  canvas.width = 300;
  canvas.height = 300;

  // 在Canvas上绘制图像
  ctx.drawImage(img, 0, 0, canvas.width, canvas.height);

  // 将调整后的图像转换为DataURL
  const resizedImageDataURL = canvas.toDataURL('image/jpeg');

  // 上传调整后的图像到云存储
  const storageRef = firebase.storage().ref();
  const imageRef = storageRef.child('images/resized.jpg');
  imageRef.putString(resizedImageDataURL, 'data_url').then(() => {
    console.log('调整后的图像上传成功！');
  }).catch((error) => {
    console.error('调整后的图像上传失败：', error);
  });
};

// 加载图像文件
img.src = URL.createObjectURL(file);