and图片上传需要将基于类的组件转换为react -hooks，无法增加图片的宽和高

import React, { useState } from 'react';

function ImageUploader() {
  const [image, setImage] = useState(null);

  // 其他代码...
}

function ImageUploader() {
  const [image, setImage] = useState(null);

  const handleImageChange = (event) => {
    const selectedImage = event.target.files[0];
    setImage(selectedImage);
  };

  return (
    <div>
      <input type="file" onChange={handleImageChange} />
      {/* 其他代码... */}
    </div>
  );
}

const handleImageChange = (event) => {
  const selectedImage = event.target.files[0];
  
  // 使用FileReader读取图片文件
  const reader = new FileReader();
  reader.onload = (e) => {
    const img = new Image();
    img.onload = () => {
      // 获取图片的宽和高
      const width = img.width;
      const height = img.height;
      console.log('宽度:', width);
      console.log('高度:', height);
    };
    img.src = e.target.result;
  };
  reader.readAsDataURL(selectedImage);

  setImage(selectedImage);
};