• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

React - Walidacja obrazków w Formik + Yup

Object Storage Arubacloud
0 głosów
162 wizyt
pytanie zadane 4 maja 2021 w JavaScript przez Bakkit Dyskutant (7,600 p.)

Cześć.

Mam na stronie napisanej w React formularz, w którym jest input type file, chciałbym go zwalidować, ale w dokumentacji nie ma słowa o walidacji obrazków. Na stackoverflow znalazłem coś takiego:
 

        img:
                Yup.mixed()
                    .test(
                        'fileSize',
                        'Size',
                        value => value && value.size <= 124000
                    )
                    .test(
                        'fileType',
                        'Format',
                        value => value && ['image/jpg', 'image/jpeg', 'image/gif', 'image/png'].includes(value.type)
                    )
                    .optional(),

ale kod mi nie działa. Konkretnie chodzi mi o to, że gdy mam taką walidacje obrazka to nie wywołuje się kod w metodzie onSubmit, po zakomentowaniu go onSubmit działa.

komentarz 4 maja 2021 przez Paweł Nąckiewicz Nałogowiec (48,990 p.)
Wystaw gdzieś kod demo
komentarz 5 maja 2021 przez Bakkit Dyskutant (7,600 p.)
Kod demo czyli co konkretnie? To co wyżej podesłałem to całość kodu odpowiadającego za walidację obrazka. Gdy go usuwam z komponentu to reszta ładnie działa więc na 100% problem jest w tym co podesłałem wyżej.
komentarz 5 maja 2021 przez Bakkit Dyskutant (7,600 p.)
Kod demo czyli co konkretnie? To co wyżej podesłałem to całość kodu odpowiadającego za walidację obrazka. Gdy go usuwam z komponentu to reszta ładnie działa więc na 100% problem jest w tym co podesłałem wyżej.

Konsola nie wyrzuca błędów oczywiście.
komentarz 5 maja 2021 przez Paweł Nąckiewicz Nałogowiec (48,990 p.)

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
0 odpowiedzi 376 wizyt
+1 głos
0 odpowiedzi 261 wizyt
pytanie zadane 11 listopada 2021 w JavaScript przez Bakkit Dyskutant (7,600 p.)
0 głosów
0 odpowiedzi 302 wizyt
pytanie zadane 12 lutego 2020 w JavaScript przez poldeeek Mądrala (5,980 p.)

92,690 zapytań

141,603 odpowiedzi

320,098 komentarzy

62,050 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...