Блог

Я могу проверить изображение с его размером в выпадающем списке react-dropzone. Но он не может отключить загрузку несопоставимых изображений.

 const onDrop: DropzoneOptions['onDrop'] = useCallback(
    async (files) => {
      // Do something with the files
      const filteredImages = [];
      let counter = 0;
      files.forEach((file) => {
        const image = new Image();
        image.addEventListener('load', () => {
          console.log(`${image.width}x${image.height}`);
          if (image.width > 3000 amp;amp; image.height > 3000) {
            filteredImages.push(image);
          } else {
            setFieldHelperText(`Minimum Image resolution is 300*300`);
            return false;
          }
        });
        image.src = URL.createObjectURL(file);
      });
    },
    []
  );
 

Как я могу это исправить?