javascript - 如何为通过文件类型上传的图像设置条件，使最小宽度或最小高度不小于600px

Question

我是编程新手，我试图找到上传图像的高度和宽度，以便我可以根据图像高度和宽度设置条件。如果有效，我可以在我的 React 组件状态下设置图像路径。谢谢……

`

onSelectFile = e => {
    if (e.target.files && e.target.files.length > 0) {
        const reader = new FileReader();
        var image=new Image()
        reader.addEventListener('load', () =>
        image.addEventListener('load', () =>{
            if(this.height>600||this.width>600){
                this.setState({ src: reader.result }, () => {
                    this.toggleTab("2")
                }
                else if(){
                    alert("Image is too small")
                }

            }),
            );
            reader.readAsDataURL(e.target.files[0]);
        }
    };
    <input type="file" id="fileInput" name="fileInput" onChange= .
    {this.onSelectFile}/>
}

`

Answer 1

首先，您的代码中有一个没有条件的 else if 子句。

 else if(){  // <------------- Problem
       alert("Image is too small")
     }

其次，要获取文件的尺寸，您可以使用.width和.height属性。