Question

我是React和React钩子的新手，我想从任何地方上传图像，但是我想在将选择的图像存储在数据库中之前知道其宽度和高度。我想存储原始图像元数据的宽度和高度。任何人都可以帮助我

Answer 1

一种解决方案是使用FileReader，类似这样的方法应该起作用：

const image = new Image();
let fr = new FileReader();

    fr.onload = function() {
      if (fr !== null && typeof fr.result == "string") {
        image.src = fr.result;
      }
    };
    fr.readAsDataURL(inputFile);


    image.onload = async function() {
     const width = image.width;
    };

您可以在这里看看：https://github.com/toncic/Image-Classification/blob/master/src/Components/ImageClassification.tsx#L45

上传图片的宽度和高度开始反应

1 个答案: